Android材质设计按钮-Lollipop前

Question

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

凸起的按钮为大多数平面布局增加了维度。他们强调

在工具栏和对话框中使用平面按钮，以避免过度分层。

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

Answer 1

你可以使用MaterialDesignLibrary。这是第三方图书馆。

这是一个包含Android L组件的库，你可以在Android 2.2中使用。如果你想使用这个库，你只需要下载MaterialDesign项目，将其导入你的工作区，并在你的Android项目设置中将该项目作为库添加。

Answer 2

为了实现平面按钮，只需添加style=“？android:attr/borderlessButtonStyle”。

例子：

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

以下是该属性的引用。

Answer 3

这需要Android5.0

升起的按钮

从Widget继承您的按钮样式。材料。按钮，标准提升和提升动作将自动应用。

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

然后你需要创建一个raised_button_背景。xml文件，按钮的背景色位于ripple标记内：

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

平面按钮

编辑：代替我之前关于平面按钮的建议，你应该使用下面斯蒂芬·凯泽给出的建议：

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

编辑：如果您使用的是支持库，您可以通过使用style="？ attr/borderless ButtonStyle"在Pre-Lollipop设备上实现相同的结果。（注意没有android：）上面的示例然后变成

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