天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 开发>技术文档>iOS应用程序设计之UI元素使用指南

iOS应用程序开发:四栏UI元素使用指南

天极网开发频道2013-05-14 06:00我要吐槽

  工具栏

  工具栏包含控制对象在屏幕上执行操作或查看,通常包含一个导航控制器。

  * 样式和行为

  在iPhone上,工具栏通常出现在视图或是屏幕的底部,但是在iPad上,工具栏则出现在屏幕或是视图的上边缘。

  工具栏选项在工具栏中成等宽显示,不同的视图,工具栏的显示的选项也不会不一样,因为选项是针对当前视图的。

  在iPhone上,旋转设备将会改变工具栏的高度,在iPad上,工具栏的高度和透明度都不会因为设备的旋转而改变。

  * 设计指南

  开发者应该在工具栏中为用户提供当前页面所会进行的所有操作的选项。

  1. 在工具栏中提供用户经常使用且有意义的操作选项。

  另一种方法是把一个分段控制放入工具栏,让用户可以不同的角度访问你的应用程序的数据或到不同的应用程序模式。

  2. 要保证每一个工具栏的选项区域不小于44*44(p*p)

  因为如果你的工具栏选项太拥挤的话,用户在进行操作时就非常痛苦。

  3. 根据选放置的按钮的意义使用系统提供的工具栏按钮。

  4. 如果可以的话,自定义工具栏的样式。这一点与导航栏所述是一个道理。

  5. 尽量避免在工具栏中同时使用无边框和有边框样式的按钮,记住保证元素的一致性,混合的样式在用户体验上并不好。

  标签栏

  标签栏通常出现在屏幕的底部,在应用程序的每一个位置都能访问。标签栏一般显示突变和文字,默认情况下是黑色的背景,成等宽呈列。

image: ../Art/ui_selecteditemmodeswitcher.png

    * 样式和行为

  在iPhone上,标签栏一次只显示5个标签,如果应用程序的标签超过5个,标签栏通常会显示主要的四个标签,然后再加一个“更多”的标签,点开后会是标签的列表。在iPad上,标签就可以多于5个。

  标签栏不会因为设备的旋转而改变高度和透明度,无论是iPhone设备还是iPad设备。

  * 设计指南

  标签栏帮助用户从不同角度来访问应用程序的数据,当你设计标签栏时,遵循以下几点:

  1. 不要在标签栏中向用户提供可以对当前视图进行操作的元素,如果你想要提供控件,请使用工具栏代替。

  2. 通常使用标签栏对应用程序的信息进行分类。

  标签栏非常适合在应用程序主视图中使用,因为它能够将 应用程序的信息层级扁平化,并对用户能够访问几个对等信息进行分类。

  3. 当标签不可用时,也不用移除标签。

  在当前应用程序的环境下,有标签失去意义无法使用,这时不要急于移除标签,这样不合适,最好的方式将标签设置为disable。因为如果你移除标签就会造成标签栏的不一致,就让你的应用程序的UI是不稳定的不可预测的。最好的办法是,确保你的标签是始终启用,但对于禁用的标签要解释为什么标签的内容是不可用的。

  4. 如何合适,开发者要自定义标签栏的样式,这点无需多说,还是为了保证应用程序样式的一致性。

  5. 为增加视觉的稳定性,iPad应用要为考虑不同方向的标签栏的标签都是一致的。

分页导航
作者:Sunny责任编辑:Sunny)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
办公软件IT新闻整机