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

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

Answer 2

为此，您必须使用按钮的不同状态创建自定义绘图。首先进入res-> drawable，然后右键单击并添加新的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>

在此文件中，我们定义了tigger不同状态的按钮时要使用的drawable。现在有了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>

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

2 个答案: