精简版 | iOS人机交互指南——控件(按钮、输入框等)
2016-12-06 本文已影响133人
五九楼
按钮
按钮用于实现特定的动作,可以有定制化的北京,可以包含标题或图标。系统提供了一些预设的按钮来满足大部分的使用场景,更多实现细节可参考UIButton。
系统自动的按钮
- 使用动词作为标题。
- 首次字母大写。
- 保持标题的简短。
- 只要在必要时才考虑为按钮增加边框或背景。
- 更多实现细节可参考UIButton中的UIButtonTypeSystem。
Detail Disclosure Button(详情按钮)
来自Apple官网
- 在表格中使用合适的详情按钮。可参考UITableViewCell中的UITableViewCellAccessoryType。
- 其他详情按钮可参考UIButton中的UIButtonTypeDetailDisclosure。
Info Buttons(信息按钮):此部分省去
Add Contract Buttons(添加联系人按钮):此部分省去。
Edit Menus
来自Apple官网用户可以通过长按或双击在文本输入框、text view、web view或图片视图中呼出编辑选项。
- 为当前内容显示合适的操作。
- 让用户通过标准手势呼出编辑选项。
- 如果有必要的话,调整菜单的位置。
- 不要在实现类似编辑菜单的功能。
- 允许不可编辑的内容可被选中和拷贝。
- 不要在按钮上添加编辑选项。
- 允许编辑操作可回退。
- 通过定制的操作来扩展编辑选项。
- 在系统自带的选项后面再显示定制的操作。
- 尽量缩减定制操作的数量。
- 保持定制的操作的名称尽可能简短。
- 更多实现细节可参考Text Programming Guide for iOS中的Copy,Cut,and Paste Operation和UIMenuController。
Labels(标签)
- 保持标签清晰。如果支持Dynaic类型就更佳,可参考Dynamic Type
- 关于更多文本相关的可参考String Programming Guide
- 关于创建格式格式化内容可参考 Attributed String Programming Guide
- 更多关于标签的实现可参考UILable
Page Control(页面控制)
页面控制用于显示当前页面的所在的位置。
- 不要在用层级关系的页面上使用页面控制。
- 不要展示太多页面。
- 在屏幕下方居中显示页面控制元素。
- 更多实现细节参考UIPageControl
Pickers(选择器)
来自Apple官网选择器可以包括一行或多行不同的数据。
- 使用可被预知、符合逻辑和有序化的数据。
- 避免切换屏幕来现实选择器。
- 对于大量数据的展示,使用表格来代替。
- 更多实现细节可参考UIPickerView
日期选择器
一个日期选择器有四种模式:日期模式、时间模式、日期时间模式和倒计时模式。
- 当需要显示分钟时,显示尽可能少的选项。
- 更多实现细节参考UIDatePicker
Progress Indictiors(进度指示器)
使用活动指示器和进度条来让用户知道目前的状态和还需要等待多久。可参考Loading
活动指示器
来自Apple官网
- 如果活动可被量化,使用进度条代替活动指示器。
- 保证loading图标在动。
- 如有必要,在等待任务结束过程中可提供有用的提示信息。
- 更多实现细节参考UIActivityIndicatorView
进度条
- 总是正确的反应当前的进度。
- 使用进度条来显示那些可定义时间的任务。
- 隐藏导航栏或工具栏上空的部分。
- 可考虑根据自己应用的需要定制化进度条的样式。
- 更多实现细节可参考UIProgressView
网络活动指示器
- 在网络活动持续几秒后在显示网络活动指示器。
- 可参考Staus Bars
- 更多实现细节可参考UIApplication中的networkActivityIndicatorVisible
Refresh Content Controls(刷新内容控件)
一个刷新控件是一个特殊类型的活动指示器,默认情况下是隐藏的,只有当下拉列表加载内容是才可见。
- 实现自动更新内容。
- 有必要时可显示简短的标题。
- 更多实现细节参考UIRefreshControl
Segmented Controls(分段控制器)
来自Apple官网- 限制分段的数量。
- 尽量保持分段大小一致。
- 避免文本和图片同时使用。
- 在自定义的分段控制器中确保位置合适。
- 更多实现细节参考UISegmentedControl
Slider(滑条)
- 有必要的话可定制滑条的样式。
- 不要使用滑条来调整输出的音量。取而代之的使用MPVolumeView
- 更多实现细节可参考UISlider
Steppers(步进器)
来自Apple官网步进器是一个两部分的控制器用来增加或减少数量。
- 确保用户清楚使用步进器来调整哪个数值。
- 不要使用步进器来来进行大数据的变更。
- 更多实现细节可参考UIStepper
Switches(开关)
- 考虑调整开关的外观来适应你的应用风格。
- 只在表格中使用开关。
- 避免在开关上增加标签描述。
- 考虑使用开关来管理可被使用的界面元素。
- 更多实现细节可参考UISwitch
Textfield(输入框)
- 在输入框显示提示来传到目的。
- 为敏感数据提供安全输入框
- 显示合适的键盘类型。参考UITextInputTraits中的UIKeyboardType
- 使用图片或按钮来获得更加高级的功能。
- 合适的时候在输入框右边显示清空按钮。
- 更多实现细节可参考UITextField