IOS规范,扎实基础(1)

目录:

  • UI Bars
  • UI Views (用户界面视图)
  • UI Controllers (用户界面控件)
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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,916评论 22 665
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,778评论 25 709
  • 分类的举例 我一直很好奇,为什么这个世界有那么多的分类,为什么鞋子有法国码,美国码,中国码?为什么这个世界会有男人...
    懒蚂蚁阅读 179评论 0 0
  • 记得去年的“今天”和政府的一群人去了董堡牡露!一路的欢声笑语,我还记得坐我旁边的“漂亮女孩”一路的跟我讲述她的爱情...
    熠歆阅读 380评论 0 3
  • 码这篇文字的时候,刚结束了和同事(准确的说是上司)的电话,结束了工作。眼睛涩涩的,感觉有要掉眼泪的冲动。 你或...
    头歪歪小姐阅读 342评论 1 1