自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
Human Interface Guidelines链接:Buttons
Button 用于启动 app 的特定操作,它具有可自定义的背景,并且可以包含title或图标。
系统为大多数使用情况提供了许多预定义的 button 样式。 也可以设计完全自定义的按钮。
System Button
System buttons 一般出现在 navigation bars 和 toolbars 中,不过也可以在任何地方使用。
·在 title 中使用动词
一个表明特定动作的 title 能显示出一个按钮可交互的,并说清当你点击它时会发生什么。
·为 title 使用 title-case
将每个单词都大写,除了文章,并列连词和四个或更少字母的介词以外。
·保持标题简短
过长的文本可能会挤占您的界面,并可能在较小的屏幕上被截断。
·考虑只在必要时添加边界或背景
默认情况下,系统按钮没有边框或背景。 但是,在一些内容区域中,需要边框或背景来表示可交互性。 在电话app中,有边框的数字键使人们将其与传统模式的拨打电话联系起来,并且“呼叫”按钮的背景提供了一个易于引人注目的目标。
Detail Disclosure Button
Detail Disclosure button 能打开一个view——通常是一个modal view——包含与屏幕上特定项目相关的附加信息或功能。 尽管您可以在任何类型的视图中使用它们,但 Detail Disclosure buttons 通常用于访问 table 中特定行有关的的信息。
·在 table 中适当地使用细节披露按钮
在 table 行中存在Detail Disclosure button时,点击该按钮可显示额外的信息。 在其他地方点击可能会选择该行或唤起app已经定义的行为。 如果您希望人们点击整行以查看更多详细信息,请勿使用Detail Disclosure button,请使用detail disclosure accessory control(>)。
Info Button
Info Buttons 显示有关app的配置详细信息,有时在当前视图的背面,翻转视图后显示。 Info buttons 有两种样式 - 浅色和深色。 选择最适合您app设计的风格,不会在屏幕上看不清楚。
Add Contact Button
用户可以点击Add Contact button来浏览现有联系人列表,并选择一个插入到文本区域或其他view。 例如,在邮件中,您可以点击邮件信息的 To 区域中的Add Contact button,从联系人列表中选择收件人。
·除了添加联系人按钮之外,还允许输入键盘
Add Contact button 为输入联系信息提供了可选项,而不是替代选项。 可以将其作为添加现有联系人的快捷方式,但也可以让用户使用键盘输入联系人信息。