IOS规范,扎实基础(1)

2017-02-23  本文已影响66人  箱猫日和

目录:

UI Bars(状态栏、导航栏、搜索栏、标签栏、工具栏)
UI Bars.png

1. 状态栏

介绍:状态栏主要向用户展示一些重要的信息,包括信号强度、网络供应商、时间、电池等。
使用:可以自定义状态栏的外观,包括颜色,透明度等以及某种程度上状态栏的行为。

status Bars

2. 导航栏

介绍:导航栏展示在顶部状态栏的下方。导航栏一般显示当前视图的名称,并且可以包含控制当前视图内容的控件,以及在适当的情况下添加导航控件。导航栏在高效应用中尤其有用,因为此类应用典型的按照层级进行组织。

使用:在一个应用的不同视图中进行导航,提供对当前视图内容进行管理的控件。可以指定导航栏的颜色和透明度以便和应用的整体风格以及其他工具栏、卡片栏、 状态栏相配合。

Navigation Bars Navigation Bar

3. 搜索栏

介绍:搜索栏主要用于相应内容的收集和查找。
使用:主要分两类搜索栏,突出的搜索栏和内嵌的搜索栏。一个搜索栏课单独包括一个搜索框,也可以包括占位符、清楚按钮、取消按钮等。展示样式可以全展开搜索框,或者一个搜索按钮触发显示出搜索框,搜索按钮一般位于导航栏控件位置。

Search Bars

4. 工具栏

介绍:工具栏提供了针对当前页面内容的一系列操作
使用:工具栏一般出现在屏幕下方边缘,且包含用于针对当前页面内容执行动作的按钮。工具栏不是用于在一个应用的不同模式间进行切换,如果需要此操作,应该使用卡片栏来进行。

Toolbars

5. 标签栏

介绍:工具栏存在于app屏幕的底部,用于一个应用不同模式,不同视图之间的切换
使用:如果你的应用的卡片栏包含不超过 5 个的卡片,iPhone 系统可以在卡片栏等宽的展示他们,应用卡片超过了 5 个,iPhone 系统会展示其中 4 个并展示一个“更多”的卡片

tip: 需注意区分标签栏和工具栏的区别。

Tab Bars
上一篇下一篇

猜你喜欢

热点阅读