如何在Android中按下时改变颜色按钮的颜色？

Question

我有一些按钮，我分别将其背景颜色设置为红色、绿色和蓝色。当我按下按钮时，会生成点击事件，但用户无法知道按钮已被按下。Android按钮的默认背景灰色会在按下状态下变为橙色，并在释放后恢复为灰色。如何在彩色按钮上实现这一效果？

- indira

Answer 1

这是通过 XML 中的 selector 表示的 StateListDrawable 实现的。参考: http://developer.android.com/guide/topics/resources/drawable-resource.html#StateList

下面是一个示例 drawable，默认情况下为白色，按下时为黑色：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@android:color/black" /> <!-- pressed -->
    <item android:drawable="@android:color/white" /> <!-- default -->
</selector>

- K-ballo

Answer 2

正如K-Ballo所提到的，您可以使用StateListDrawable来实现具有不同状态下图形的视图。在您的情况下，Button是具有两种状态（按下和未按下）的视图。

我们需要在drawable文件夹中创建一个buttonselector.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/button_not_pressed" android:state_pressed="false" android:state_selected="false"/>
    <item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>

</selector>

创建两个独立的xml文件来表示按钮的状态。

button_not_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
  <gradient
      android:startColor="#FFFFFF"
      android:centerColor="#FFFFFF"
      android:endColor="#FFFFFF"
      android:angle="270" />
</shape>

button_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
  <gradient
      android:startColor="#FF0000"
      android:centerColor="#FF0000"
      android:endColor="#FF0000"
      android:angle="270" />
</shape>

您会注意到两个HTML颜色代码#FF0000和#FFFFFF，它们分别代表按钮的背景颜色和状态。

在您的main.xml中，您可以设置自定义按钮的样式。

<Button
        android:id="@+id/customButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/buttonselector"
        android:text="test"
        android:textColor="#000000" />

在你的Activity类中添加以下两行代码：

Button customButton = (Button) findViewById(R.id.customButton);
customButton.setBackground(getResources().getDrawable(R.drawable.buttonselector));

希望这能帮到你。

- Vikas

---

更加详尽的答案！ - Diesel

Answer 3

尝试使用以下方法：

<?xml version="1.0" encoding="utf-8"?>   
<selector xmlns:android="http://schemas.android.com/apk/res/android" >   
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#1E669B" />
            <stroke
                android:width="2dp"
                android:color="#1B5E91" />
            <corners
                android:radius="6dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />            
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#1E669B"
                android:endColor="#1E669B"
                android:angle="270" />
            <stroke
                android:width="4dp"
                android:color="#1B5E91" />
            <corners
                android:radius="7dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

- GrIsHu