操作类控件的定义

用户可直接操作，操作后可直观得到结果的控件。

一、按钮（Buttons）

定义：由文字和或图标组成，按钮告知用户按下按钮后将触发特定操作。

主要样式：浮动按钮、扁平按钮、文字按钮

浮动按钮(悬浮和浮动)是在UI界面上方浮动的图标，它的形状、位置和颜色使得它与界面的其他部分有明显的区别。大多数情况是一个圆形的漂浮在界面之上的(2014年谷歌发布了Material Design principles后，浮动式按钮开始逐渐被推广)在此之后，浮动按钮的设计在web和移动设计中得到了广泛的应用。

扁平按钮是只有形状和颜色没有阴影以及质感属性也没有特定位置层级限制的按钮。

文字按钮是只用文字和颜色表示一个特定动作的操作按钮，用文字直接告诉用户当前是可交互的，并说明点击它的结果。

特性：
1. 悬浮按钮：需要给用户明确传达这是一个入口且非常重要时，可用上悬浮按钮。
2. 扁平按钮：非悬浮，有一个绝对位置，需要给用户明确传达这是一个入口。
3. 文字按钮：当用户处于任务流中，用户目的很明确时，可以用文字按钮作为触发。按钮的设计应尽量和产品主色保持一致。

二、下拉菜单（Drop-down Menu）
定义：通过点击一个操作按钮，下拉出一个菜单，菜单由矩形浮层列表或加三角形组成。

在安卓平台App bar中点击“更多”图标展开的菜单被称为Overflow menu（溢出菜单）。

使用场景：移动设备屏幕空间有限，有时不能把很多低频但非常重要的功能直接呈现在屏幕上。从而将多个快捷功能入口收纳到下拉菜单中，通过“更多”、“加号”图标触发。

用途：
1. 为其他功能提供一个快捷入口。

三、编辑菜单（Edit Menu）
定义：通过长按呼出一个编辑菜单来完成剪切、拷贝、复制、选择、全选以及删除等。

使用场景：一切有文字内容的产品，应该说是所有产品中。例如微信，如果用户想对话进行复制、转发、收藏等操作，通过长按呼出编辑菜单。

用途：将一系列操作隐藏，只能通过手势呼出，这样的好处是编辑菜单不占据当前展示界面的空间，适合非高频的使用场景。

特性：
1. 编辑菜单是隐性的，只有通过长按才能呼出。
2. 以浮层形式存在。
3. 如果未选择任何内容，则编辑菜单应该禁用需要用到选择的选项，例如“拷贝”或“剪切”。同理，如果已选择某些内容，则菜单应禁用“选择”选项。
4. 编辑菜单的命令是可以自定义的。

四、动作列表/动作菜单/动作面板/行动列表（Action Sheet）
定义：一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务或确认是否执行某个可能具有破坏性的请求。Action Sheet本属于iOS规范，但近年来Android平台也出现了类似功能的控件。

使用场景：1.完成任务有不同方法时。2.完成高危操作时，征求用户的二次确认。

用途：
1. 在同一场景下，Action Sheet 提供了可以完成任务的一系列方法，或者对某一目标提供多种操作手段。另一个优点是更加节省界面空间。
2. 当用户的下一步操作，与当前任务的主要目标不符，或是被用户主动中断等含有潜在风险的操作时。

特性：
1. 由用户某个操作行为触发。
2. 包含两个或以上的选项。
3. 列表数量不宜太多(2~5为佳)。

五、IOS平台活动视图(Active view)
定义：活动视图以弹出窗口宫格式显示且能以图标形式展现选项，如果数量太多，支持横向左右滑动查看更多选项。

使用场景：常用于分享到其他社交App或使用第三方App打开文件的场景。

用途：将一系列操作隐藏，不占据当前展示界面的空间。更是最小程度的打断用户的任务流。

特性：
1. 由用户某个操作行为触发。
2. 包含两个或以上的宫格。
3. 选项有一定的扩展性。

Andriod平台对应的控件
在安卓平台Modal Bottom Sheet（模态底部菜单），和Action Sheet最大的区别是没有“取消”按钮，因为Android有物理Back导航键。

定义：一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。用户可以使用Modal blttom sheet启动某个任务或确认是否执行某个可能具有破坏性的请求。

使用场景：Android中用户长按出现底部操作列表，用户可以对一系列功能选择从而开始新的任务。

用途：当用户激发一个操作的时候，出现的浮层。“使用操作列表让用户可以开始一个新任务或者对破坏性操作（例如：删除、退出登录等）进行二次确认。”

特性：
1. 由用户某个操作行为触发。
2. 包含两个或以上的宫格。

六、选择器（Pickers）
定义：显示一个或多个不同值的可滚动列表，通常出现在屏幕底部或弹出窗口中。也可以以内部嵌入的方式显示。

使用场景：常用于时间选择，通过滑动滑轮，选择所需要的时间。不过目前在国内已经用于很多场景比如地区、身份、城市选择等。

用途：在滚动列表中可以浏览全部选项且可来回选择，如果选择错误还可以随时调整。

特性：
1. 选择器一般位于底部，或嵌入列表中（例如：iOS 原生日历）。
2. 同一个滚动列表间的选项属性相同。
3. 为了保证手机屏幕触控精度，以免发生误触，滚轮选择器建议控制在五列以内。且文字内容不宜太长。

七、步进器（Steppers）

定义：用于增加或减少增量值的两段式控件。默认情况下，步进器的左边一段显示加号，右边一段显示减号。

使用场景：如果对数值有调整的需求且是小数量范围的场景中。（如果数值范围很大则应该支持用户自己修改数值
）

用途：步进器是用于增加或减少变量值的两段式控件。

特性：
1. 方便用户快速选择自己需要的数值。
2. 明确告知用户这里的数值是可以选择的意思。
3. 需要用户选择一个确定的数值。

八、开关/滑动开关/切换开关（switchs）
定义：有两个互斥的选项（例如开/关、是/否、启动/禁用），它是用来打开或关闭选项的控件。必须选择其一中一项作为当前状态。

使用场景：启用或关闭某个功能。

用途：最好仅在列表中用，在列表中使用开关按钮来让用户从某一项的两个互斥状态中指定一个，比如是/否、开/关。

开关的加载状态一：

如果开关所执行的操作需要与服务器数据交互，就必须考虑加载状态。

开关的加载状态二：

用户操作开关之后，开关视觉上立即响应改变，然后再向服务器交互。让用户忽略这个过程是操作更流畅。当然，采取这一策略最好保证服务器在97%到99%以上的情况下能成功返回指令。

特性：
1. 含有开关的对象名称。
2. 开关按钮有两种互斥状态。

注意事项：
1. 破坏性操作需要二次确认。
2. 开关所执行的操作需要与服务器交互，需要考虑加载状态。
3. 缓解加载等待，用户操作开关后，开关视觉上立即响应改变，然后再向服务器交互。(当然，采取这一策略最好保证服务器在97%到99%以上的状况下返回成功指令。)

九、滑块（Sliders）

定义：滑块控件(Sliders，简称滑块)可以让我们通过在连续或间断的区间内滑动锚点来选择一个合适的数值。区间最小值放在左边，对应的，最大值放在右边。

使用场景：诸如音量、亮度、色彩饱和度等需要反映强度等级的选项时成为一种极好的选择。

用途：滑块可以在滑动条的左右两端设定图标或数值来反映调节效果。

主要样式：
1. 连续滑块：在不要求精准、以主观感觉为主的设置中使用连续滑块，让使用者做出更有意义的调整。

2. 间续滑块：间续滑块是居于滑动条上平均分布的间续标记上。在要求精准、以客观设定为主的设置项中使用间续滑块。应当对每个间续标记(tick mark)设定一定的等级区间进行分割，使得其调整效果对于使用者来说显而易见。这些生成区间的值应当是预先设定好的，使用者不可对其进行编辑。

3. 附带数值标签的滑块：使用者可以精确设置数值。

十、选项控件（Option controls）
定义：用户可对单个或多个选项进行选择。
选项框类型：单选框、多选框。

单选框：在一组选项中只允许选择其中一个。

复选框：在一组选项中允许选择多个。

如果需要在一个列表中出现多个 on/off 选项，复选框是一种节省空间的好方式。

十一、字母索引控件(A-Z index)
定义：将信息以首字母进行分类组织并提供导航。字母索引历史悠久，很早以前在我们的实体书籍如字典、词典等就运用这种信息组织方式。因此字母索引是用户非常熟悉的一种导航方式。

使用场景：选择国家、省份或城市的名称、姓名、昵称等。

用途：适用于数据量在几十到几千之间的单词、词组或短语等类型的导航，且用户能对这些数据的首字母进行精确回忆。

特性：
1. 更快速精确选择所想要的内容。
2. 基于首字母进行分类组织排序。
3. 通常以竖轴形式出现在屏幕右侧，点击或滑动到对应字母内容将滚动到该字母内容的锚点位置。
4. 一些移动社交网络的昵称，可能会使用emoj表情或者数字作为首个字符。一般来说可以通过在字母索引导航末尾增加“#”，表示非字母开头的内容。