iOS和Android规范解析——工具栏和固定底板

本日我们来先容上篇文章中的表格中余下的一个控件：器材栏（toolbars）。器材栏是iOS中的控件，Android傍边相对应的是固态底板。老端正，先说Android的控件（固然这个控件之前已经先容过了，耸肩）。

牢靠底板首要用于以下两种环境：

牢靠底板示例

对付差异尺寸的装备，MD类型也给出了具体的声名：

平板上牢靠底板占满100%的宽度

平板上牢靠底板未占满100%的宽度

PC上的牢靠底板

对付PC，MD类型提议计划师思量把牢靠底板移到屏幕左侧：

器材栏呈此刻在页面的底部，它包括对当前页面的相干操纵按钮，可能对当前页面中的内容的相干操纵按钮。我们来举个栗子 ：

iOS自带应用——邮件

器材栏是半透明的，可以在此基本上加上配景致。它是悬浮在当前页面之上的，而且当用户不必要行使的时辰，可以潜匿它。好比在iOS的赏识器Safari中，当用户向上转动查察页面时，器材栏会自动潜匿，由于此时首要的目标是赏识页面。当用户点击下半部门的页面时，器材栏将从头揭示。其它，当键盘被调出时，器材栏也会被潜匿。

关于器材栏，苹果给出了以下几个必要留意的点：

1. 提供（和当前页面）相干的操纵选项。器材栏应该提供当前的页面下，常用的操纵。

2. 思量行使图标（icon）照旧笔墨来暗示操纵按钮。假如操纵的按钮多于3个，则行使图标；假如便是或小于3个，则笔墨偶然能更清晰地表达操纵。好比在iOS自带应用——日历中，就行使了笔墨来暗示操纵的按钮，如下图：

iOS自带应用——日历

3. 停止行使切换按钮。切换按钮让用户可以切换差异的页面，可是器材栏是只针对当前页面提供了一些操纵选项，以是不能混用。下图所示即为切换按钮：

切换按钮示例

其它，假如你想在页面底部让用户可以切换差异页面，请行使底部标签栏（Tab Bar），而不要合用器材栏。

底部标签栏示例

4. 为笔墨操纵按钮提供足够的空间。这一条首要是为了担保按钮不会混到一块，如下图：

笔墨操纵按钮之间应留有足够的空间

以上为各人先容了MD中的牢靠底板和iOS中的器材栏。两者都可觉适当前页面提供操纵选项。差异的是，MD的牢靠底板还可以提供内容，而且在尺寸上可以更大（由于可以提供内容嘛）。

之前的文章为各人先容了iOS和Android两个体系中的全部弹出类控件，个中先容了“模态”的观念，请参看下面的表格：

弹出类控件较量表格（器材栏不是弹出类控件）

关于表格中控件的先容，具体可参看这篇文章 《3分钟带你把握11个最常用的交互控件》。

接头使人熟悉越发深刻。接待留言。

新计划青年，微信公家号：新计划青年。爱奇艺高级交互计划师。德国海龟一枚，曾任职于腾讯微糊口、网易、宜信等公司。

文章作者系 @新计划青年 未经容许，榨取转载。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!