按钮

按钮 Button
定义：
按钮是我们进行移动端产品设计，经常要使用的一类控件，它包含多种不同的类型。一个按钮可以有多种状态，应使用视觉语言进行交流：默认、突出显示、选择和禁用。

总体而言，最常用的控件可能就是按钮。从 iOS 7 开始，默认按钮设计不再像按钮，而是更像纯文本链接。按钮控件是高度可定制的，并且允许您设置从文本样式、阴影和颜色到没有文本标签的前置或居中图标的所有样式，以及完全自定义的背景。

按照外观区分：
常见有文字按钮（Text button），轮廓按钮（Outlined button描边），实体按钮（Contained button填充），图标按钮（icon button），悬浮按钮（FAB-Floating action button）。

注意：幽灵按钮=背景完全透明的描边按钮

四种不同大小尺寸的按钮：
lg=48px
base=40px
sm=32px
xs=28px

注：两个方案
1、按钮高度是相对的，在ArcUI中，按钮高度约等于预设尺寸，实际高度依赖字号。
2、固定高度。不受字号影响。

不同颜色的按钮：
除了使用默认按钮颜色外，您可以添加自定义颜色，或者禁用任何您不需要的颜色。

带有 icons（图标）和 label（标签）的按钮
相比纯文本来说用户对图标更敏感，为某些按钮设置图标，以增强应用程序的用户体验。 例如，如果您有删除按钮，则可以使用垃圾箱图标对其进行标记。

图标按钮
图标按钮通常位于应用栏和工具栏中。
图标也适用于允许选择单个选项的切换按钮或取消选择，例如向项目添加或删除星标

加载按钮（Loading buttons）
包含loading可视化状态的按钮

悬浮按钮：
按钮在页面内的最高层级。是个便捷操作或者工具栏只有一个按钮时的替代方案。

语义按钮：
有明确含义的按钮

侧边按钮：
侧边可上下滑动的快捷按钮。

上图：ArcUI按钮示例

属性栏或预制样式中的样式配置：

按照用途场景区分：
主要按钮：用于主行动点，一个操作区域只能有一个主按钮。
默认按钮：用于没有主次之分的一组行动点。
描边按钮：常用于添加操作。描边按钮比实心按钮次要一点，比文本按钮重要一点。
链接按钮：用于次要或外链的行动点。
文字按钮：文本按钮有助于强调内容。

规则：
一个容器中应该尽可能只使用一种类型的按钮，只在比较特殊的情况下（比如需要强调一个重要的功能）时才可以混合使用多种类型的按钮。
场景示例：
1、一般按钮
2、文字按钮
3、图标按钮
4、浮动操作按钮

下拉按钮（实现下拉菜单效果）
下拉按钮是一种系统按钮，可以显示与按钮用途直接相关的项目或操作菜单。当人们在下拉按钮的菜单中选择一个项目后，菜单会关闭，您的应用会执行所选操作。人们还可以通过点击屏幕上的其他位置来关闭菜单而不选择项目。与弹出按钮不同，下拉按钮始终显示相同的内容，而不管人们选择的菜单项如何。