Android Material 设计按钮 - Pre lollipop

Question

如何实现谷歌 Material 设计指南中描述的“凸起按钮”和“平面按钮”？

---

Raised buttons add dimension to mostly flat layouts. They emphasize > functions on busy or wide spaces.

---

Use flat buttons for toolbars and dialogs to avoid excessive layering.

来源:http://www.google.com/design/spec/components/buttons.html

Answer 1

这需要 Android 5.0

凸起按钮

从 Widget.Material.Button 继承您的按钮样式，将自动应用标准的升降 Action 。

<style name="Your.Button" parent="android:style/Widget.Material.Button">
    <item name="android:background">@drawable/raised_button_background</item>
</style>

然后您需要创建一个 raised_button_background.xml 文件，其中您的按钮的背景颜色包含在波纹标记内:

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
    <item android:drawable="@color/button_color"/>
</ripple>

扁平按钮

编辑:而不是我之前对平面按钮的建议，您应该使用以下 Stephen Kaiser 给出的建议:

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="DONE"
    style="?android:attr/borderlessButtonStyle"
/>

编辑:如果您使用支持库，则可以使用 style="?attr/borderlessButtonStyle" 在 Pre-Lollipop 设备上实现相同的结果。 (注意没有android:)上面的例子就变成了

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="DONE"
    style="?attr/borderlessButtonStyle"
/>