本节将对Android、iphone,windows phone的APP界面布局进行剖析对比,从而了解不同系统的APP在设计时的异同。
Android布局的界面元素一般分为四个部分:状态栏、标题栏、标签栏、工具栏。
状态栏:位于界面最上方。当有短信、通知、应用更新、连接状态变更时,会在左侧显示,而右侧则是电量、信号、时间等常规手机信息。按住状态栏下拉,可以查看信息、通知、应用更新等详细情况。
标题栏:文本居左显示当前的APP名称。
标签栏:标签栏放置的是APP的导航菜单,标签栏既可以在APP主体的上方也可以在主体的下方,但标签栏项目数不宜超过5个。
工具栏:针对当前APP页面,是否有相应的操作菜单,如果有,则放置在工具栏中。那么,在单击手机上的“详情菜单”键时,屏幕底部会出现工具栏。
iPhone布局界面元素则分为状态栏、导航栏(含标题)、工具栏/标签栏三个部分。
状态栏:显示应用运行状态。
导航栏:文本居中显示当前APP标题名称。左侧为后退按钮,右侧为当前APP内容操作按钮。
工具栏/标签栏:工具栏与标签栏共用一个位置----iPhone最下方,因此必须根据APP的要求选择其一。工具栏按钮不宜超过5个。
Windows Phone布局界面元素则分为状态栏、标题栏、枢轴和工具栏四个部分。
状态栏:显示时间。电量等信息。
标题栏:显示当前APP的名称或应用类别等主要标题。
枢轴:枢轴由枢轴组件组成,类似于Android中的标签栏,用于APP中各个功能、选项间的切换。只是枢轴的表现形式比较特别,在下一节的组件中,将对枢轴组件进行介绍。
工具栏:单击Windows Phone手机上的开始键,就可以弹出相应的工具栏。工具栏中包含可对当前APP页面进行操作的相应功能按钮。
由以上的界面布局可见,这三个系统所用到的布局大多是相同的。掌握起来难度也不是很大,可谓是一通则全通。

