如何在Android中按下时更改颜色按钮的颜色?

时间:2013-01-02 05:07:26

标签: android android-button

我有一些按钮,我将其背景颜色分别设置为红色,绿色和蓝色。当我按下按钮时,会生成click事件,但gui没有变化,用户知道按下按钮。 Android按钮的默认背景灰色变为橙色,释放按下状态后返回浅灰色。如何在彩色按钮上实现这一点?

3 个答案:

答案 0 :(得分:26)

这是通过StateListDrawable实现的,由 XML 中的selector表示。参考: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>

答案 1 :(得分:8)

如K-Ballo所述,您可以使用StateListDrawable根据状态实现具有各种不同图形的视图。在您的情况下,按钮是两个状态是按下按钮并且未按下按钮的视图。

我们需要在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&amp; #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" />

在您的活动类中添加以下两行

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

希望有所帮助

答案 2 :(得分:2)

尝试这种方式:

<?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>