![Creating Mobile Apps with Appcelerator Titanium](https://wfqqreader-1252317822.image.myqcloud.com/cover/492/36705492/b_36705492.jpg)
上QQ阅读APP看书,第一时间看更新
The user interface structure
Faithful to our simplified design, the application's user interface will comprise of a single window, which is divided into the following three sections using views as containers:
- The top view will act as a header containing a text field and a button used to add a new task to the list.
- The second view will be the largest one of them all. Spanning most of the screen's height, it will contain a list of all the tasks from the database (filtered or unfiltered).
- The last section will sit at the bottom of the screen and will act as a toolbar containing two types of controls. One to toggle between the list's display modes, and a button to delete all the completed tasks.
![](https://epubservercos.yuewen.com/8A69F3/19470459008227506/epubprivate/OEBPS/Images/9267OS_03_01.jpg?sign=1738843418-bLD26gN1soD4XHOjLGXTzMaLsoPhpVi0-0-e61351e5ea31f3e5e13271b22faf0dac)