android - 带有背景图像的按钮和使用 Material 设计风格 - Android

Question

样式不工作的 Material 设计按钮

我有一个背景颜色为深蓝色的按钮，我需要该按钮的 Material 设计风格，如下所示:

怎么可能

    <Button
        android:id="@+id/login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight=".5"
        android:background="#0040FF"
        android:textColor="#FFFF"
        android:layout_marginRight="10dp"
        android:text="Login" />

我需要使用:

style="?android:attr/buttonStyleSmall"
android:background="?android:attr/selectableItemBackground"

通常我用的时候

<Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight=".5"
            android:paddingRight="15dp"
            android:layout_gravity="center"
            android:text="Login"
            android:paddingLeft="15dp"
            android:id="@+id/login" />

它与设计一起工作。

是否可以使用背景图像/颜色执行 Material 设计按钮样式。 抱歉我在 UI 中工作的简单问题。

Answer 1

在 drawable-v21 目录中使用 drawable ripple.xml 作为背景，例如:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="?attr/colorControlHighlight">
    <item android:drawable="?attr/colorPrimary"/>
</ripple>

对于低于 sdk 21 的版本，您必须在 drawable 文件夹中创建一个自定义选择器 ripple.xml。然后它将加载到 pre lollypop 设备中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/primaryPressed" android:state_pressed="true"/>
    <item android:drawable="@color/primaryFocused" android:state_focused="true"/>
    <item android:drawable="@color/primary"/>
</selector>

根据需要使用自定义颜色

然后

<Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight=".5"
            android:paddingRight="15dp"
            android:layout_gravity="center"
            android:text="Login"
            android:paddingLeft="15dp"
             android:background="@drawable/ripple"
            android:id="@+id/login" />