iOS11 导航栏的变化

一个导航栏出现在一个应用程序界面的顶部,在状态栏下面,并且可以通过一系列的分层屏幕进行导航。当显示一个新的屏幕时,一个后退按钮,通常被标记为前一个屏幕的标题,出现在栏的左边。有时,导航栏的右侧包含控件,比如编辑或Done按钮,用于管理活动视图中的内容。在分屏视图中,一个导航栏可能出现在分屏视图的一个面板中。导航条是半透明的,可能有背景色,当键盘在屏幕上时,可以配置为隐藏,一个手势或视图调整。

image.png

在显示全屏内容时,考虑暂时隐藏导航栏。当你想要专注于内容时,导航栏会让你分心。暂时隐藏酒吧,以提供一种更身临其境的体验。当查看全屏照片时,照片隐藏导航栏和其他界面元素。如果您实现了这种类型的行为,让用户使用一个简单的手势来恢复导航栏,比如点击。

对于开发人员指南,请参见UINavigationBar。

Tips:
在不需要导航时使用工具栏,或者需要多个控件来管理内容。看到工具栏。

Navigation Bar Titles
考虑在导航栏中显示当前视图的标题。在大多数情况下,标题可以帮助人们理解他们在看什么。但是,如果标题栏看起来是多余的,那么您可以将标题保留为空。例如,Notes并没有标题当前的注释,因为第一行内容提供了所需的所有上下文。

image.png

当你需要特别强调上下文时,使用一个大标题。在一些应用中,大标题的大标题可以帮助人们在浏览和搜索时找到方向。例如,在选项卡式布局中,大标题可以帮助澄清活动标签,并在用户滚动到顶部时通知用户。手机使用这种方法,而音乐则使用大标题来区分诸如专辑、艺术家、播放列表和电台等内容领域。当用户开始滚动内容时,一个大标题转换为一个标准标题。在所有的应用中,大标题都是不合理的,也不应该与内容竞争。尽管时钟应用程序有一个选项卡式布局,但大标题是不必要的,因为每个标签都有一个独特的、可识别的布局。对于开发人员的指导,请参阅优先标题。

Navigation Bar Controls
避免在导航栏中设置过多的控件。一般来说,导航栏不应该包含视图的当前标题、后退按钮和管理视图内容的控件。如果在导航条中使用分段控制,那么该条不应该包含标题或任何控件,而不是分割控件。

使用标准的后退按钮。人们知道标准的后退按钮可以让他们通过信息的层次来重新跟踪步骤。但是,如果你实现了一个定制的后退按钮,确保它仍然像一个后退按钮,动作直观,与你的界面的其他部分匹配,并且在你的应用程序中始终如一地实现。如果你用定制的图像替换系统提供的后退按钮,那么你也可以提供一个自定义的蒙版图像。iOS在转换过程中使用这个蒙版来激活按钮标题。

不要包括多段的面包屑路径。back按钮总是执行一个返回到前一个屏幕的动作。如果你认为如果没有完整的当前屏幕,人们可能会迷失方向,那就考虑把你的应用的等级划分得更平。

给文本标题按钮足够的空间。如果导航栏包含多个文本按钮,那么这些按钮的文本可能会出现在一起,使按钮无法区分。通过在按钮之间插入一个固定的空间项来添加分离。开发人员的指导,请参阅UIBarButtonItem UIBarButtonSystemItemFixedSpace恒定值。

考虑在导航栏中使用分段控件来拉平应用程序的信息层次结构。如果在导航栏中使用分段控制,那么只在层次结构的顶层,确保在较低的级别上选择正确的后按钮标题。要获得额外的指导,请参见分段控制。

image.png

苹果官方文档地址:https://developer.apple.com/ios/human-interface-guidelines/bars/navigation-bars/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容