平面按钮与凸起的按钮

Question

我想知道Flat button和Raised Button之间的基本区别。根据新的Android材料设计指南，我想使用凸起按钮，但我不知道它们是什么。网上有一些论坛，显示一个提升的按钮，但他们称之为平。

任何人都能告诉我两者之间的根本区别吗？ （具体看看）

Answer 1

两个Button都遵循新的 Flat Design 概念，而不是旧的 Gradient Design 概念。

用于给用户带来这种感觉的概念是可点击按钮，而不仅仅是带有文字或图片的彩色区域。

凸起按钮

这是Raised Button，让你觉得它相对高于表面的一部分。这使用户感觉他/她可以在期望特定动作的情况下将其推低。 更优雅，更好的用户体验

实施例

平面按钮

这是Flat Button。这只取决于表面颜色的变化部分，让用户感觉这是一个不同的地方，如果你点击它可能会给你不同的动作。

实施例

FAB按钮

这是FAB Button。 （FAB代表Floating Action Button）它遵循Material Design中Raised Button的相同概念，但具有浮动功能。此FAB按钮可用于指示应用程序中的主要操作。

实施例

选择要使用的按钮类型

  

选择按钮样式取决于按钮的首要位置，屏幕上的容器数量以及屏幕布局。 - Material Design guidelines

根据Material Design guidelines，您可以根据以下三个因素选择要使用的按钮类型：

  

  
• 功能：它是否重要且无处不在，是一个浮动动作按钮？
  
• 尺寸：根据其所在的容器以及屏幕上有多少个z空间图层，选择凸起或平面。屏幕上不应有多层物体。
  
• 布局：每个容器主要使用一种类型的按钮。只有在有充分理由的情况下才混合按钮类型，例如强调重要功能。   
  

可能的用法

• 对话 - ＆gt;平面按钮
• 内联 - ＆gt;平/凸起按钮
• 始终可用 - ＆gt; FAB按钮/ persistent footer button

Answer 2

两者都具有相同的功能，但外观只是差异。使用凸起按钮而不是普通按钮更有吸引力。我们可以将xml中的属性设置为android:elevation="8dp"。按钮叫做Fab not Flat。