焦点或单击时更改按钮外观？

Question

我正在尝试制作一个带有背景图像的按钮。

<Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_marginLeft="5px" 
 android:layout_gravity="center_vertical" 
 android:id="@+id/button1" 
 android:background="@drawable/imagename">
</Button>

我想让当用户单击或触摸按钮时它会有所不同（阴影，亮度等...）。

您知道标准按钮在聚焦或单击时会改变颜色。我正在尝试做这样的。

如何制作呢？

提前致谢。

Answer 1

为此，您必须创建具有不同状态的按钮的自定义可绘制对象。首先进入 res->drawable 并右键单击并添加新的可绘制文件。将其命名为button_default。将以下代码添加到该文件中

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_default_click" android:state_pressed="true" />

    <item android:drawable="@drawable/button_default_click" android:state_focused="true" />

    <item android:drawable="@drawable/button_default_click" android:state_active="true" />
    <item android:drawable="@drawable/button_default_normal" />
</selector>

在此文件中，我们定义了当触发按钮不同状态时需要使用的可绘制对象。现在得到了drawable文件夹并创建一个名为button_default_click的新drawable并向其中添加以下代码。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="50dp" />
    <gradient
        android:angle="90"
        android:endColor="@color/white"
        android:startColor="@color/gray_light"
        android:type="linear" />
    <stroke
        android:width="1dp"
        android:color="@color/gray_dark" />
</shape>

您可以更改这些颜色属性，无论您喜欢什么颜色。现在创建另一个名为button_default_normal的可绘制对象。这是没有任何触发器的可绘制对象。添加以下代码。

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="50dp" />
    <stroke
        android:width="1dp"
        android:color="@color/gray_light_300" />
    <gradient
        android:angle="90"
        android:endColor="@color/white"
        android:startColor="@color/gray_light"
        android:type="linear" />
</shape>

不，我们必须将创建的选择器可绘制对象分配给按钮。

<Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_marginLeft="5px" 
 android:layout_gravity="center_vertical" 
 android:id="@+id/button1" 
 android:background="@drawable/button_default.xml">
</Button>

Answer 2

您可以使用选择器 XML 并将其指定为按钮背景。要了解其工作原理，请查看此内容。