平面按钮与凸起按钮

Flat buttons vs raised buttons

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

谁能告诉我两者的基本区别？ （具体看）

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

两个Button都遵循新的平面设计概念，而不是旧的渐变设计概念。

那些用来给用户感觉的概念是 可点击 按钮，而不仅仅是带有文本或图像的彩色区域。

凸起按钮

这就是Raised Button给你的感觉，它有一部分是比较浮出水面的。这给用户的感觉是 he/she 可以将其向下推以期待特定的操作。 更优雅，提供更好的用户体验

例子

平面按钮

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

例子

FAB 按钮

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

例子

选择要使用的按钮类型

Choosing a button style depends on the primacy of the button, the number of containers on screen, and the screen layout. - Material Design guidelines

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

  • Function: Is it important and ubiquitous enough to be a floating action button?
  • Dimension: Choose raised or flat depending on the container it will be in and how many z-space layers you have on screen. There should not be many layers of objects on the screen.
  • Layout: Use primarily one type of button per container. Only mix button types when you have a good reason to, such as emphasizing an important function.

可能的用法