Android 材料设计按钮 - Pre lollipop

Question

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

---

凸起的按钮为大多数平面布局增加了维度。他们强调 > 适用于繁忙或宽敞的空间。

---

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

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

Answer 1

这需要 Android 5.0

凸起按钮

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

<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"
/>

Answer 2

我使用它作为 AppCompat 按钮的背景，它描绘了一个凸起的按钮（全部带有波纹），希望对您有所帮助。

myRaisedButton.xml - 在drawable 文件夹内：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
               android:shape="rectangle">
            <solid android:color="@color/yourColor"/>
            <corners android:radius="6dp"/>
        </shape>
    </item>
    <item android:drawable="?android:selectableItemBackground"/>
</layer-list>

styles.xml：

<resources>

    <style name="AppTheme" parent="AppTheme.Base"/>
    <style name="AppTheme.Base" parent="Theme.AppCompat">

</resources>

styles.xml (v21)：

...
<style name="AppTheme" parent="AppTheme.Base">

layout.xml：

...
android:background="@drawable/myRaisedButton"

Answer 3

你要求 材料设计按钮库 - 你知道了 - https://github.com/navasmdc/MaterialDesignLibrary

Answer 4

您可以使用MaterialDesignLibrary。是第三方库。

这是一个包含 Android L 组件的库，供您在 android 2.2 中使用 如果你想使用这个库，你只需要下载 MaterialDesign 项目，将它导入你的工作空间，然后在你的 android 项目设置中将项目添加为库。

Answer 5

我正在开发一个材料兼容性库。按钮类在那里并支持动画阴影和触摸波纹。也许你会发现它很有用。这是link。

Answer 6

有关如何使用 appcompat 库执行此操作的说明，请查看我对另一个问题的回答：https://stackoverflow.com/a/27696134/1932522

这将展示如何在 Android 5.0 和更早版本（最高 API 级别 11）中使用凸起和扁平按钮！

Answer 7

您可能还需要为按钮添加底部边距，以便能够看到凸起的按钮阴影效果：

<item name="android:layout_marginBottom">@dimen/activity_vertical_margin</item>
<item name="android:elevation">1dp</item>

Answer 8

为了实现平面按钮，您只需添加style="?android:attr/borderlessButtonStyle"。

例子：

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

Here's the reference 用于属性。