Question

我希望在单击按钮时反转按钮的颜色（文本和背景）。

我有以下XML文件。当我测试它时，我可以看到文本颜色发生变化，但背景颜色保持不变。我看不出我错过了什么。

layout.xml

...
<Button
    android:id="@+id/start_btn"
    android:layout_gravity="center_horizontal|center_vertical"
    android:layout_margin="0dp"
    android:text="start"
    android:background="@drawable/button_background"
    android:textColor="@drawable/button_text_color"
    android:fontFamily="@string/font_family"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    />
...

button_text_color.xml

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

button_background.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:state_focused="true">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@android:color/white" />
            <stroke
                android:width="1dp"
                android:color="@color/miops_dark_red" />
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />
        </shape>
    </item>
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@color/miops_dark_red" />
            <stroke
                android:width="1dp"
                android:color="@android:color/white" />
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />
        </shape>
    </item>
</selector>

Answer 1

最后我设法解决了这个问题; 我修改了background.xml，如下所示;

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

并添加了以下两个;

button_background_pressed.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@android:color/white" />
<stroke
    android:width="1dp"
    android:color="@color/miops_dark_red" />
<padding
    android:bottom="1dp"
    android:left="1dp"
    android:right="1dp"
    android:top="1dp" />
</shape>

button_background_released.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/miops_dark_red" />
    <stroke
        android:width="1dp"
        android:color="@android:color/white" />
    <padding
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp" />
</shape>

Answer 2

mLogin.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
if(event.getAction() == MotionEvent.ACTION_DOWN) {
mLogin.setBackgroundColor(Color.rgb(AESConstants.RED_DOWN,AESConstants.GREEN_DOWN,AESConstants.BLUE_DOWN));
}
else if(event.getAction() == MotionEvent.ACTION_UP) {
mLogin.setBackgroundColor(Color.rgb(AESConstants.RED_UP,AESConstants.GREEN_UP,AESConstants.BLUE_UP));
}
return false;
}
});

这是一种方法您可以从代码本身而不是布局文件中执行此类操作

Answer 3

更改你的btn_bak.xml以获取下面的代码（或者只是添加渐变，我认为这是问题），你只使用边框（笔画）。以下我在我的应用程序中使用，如果我理解你的问题是正确的，你可以很容易地根据自己的需要进行修改。如果按下时按钮呈现黄色背景，黑色只是按钮周围的框架，如果没有，则为白色背景。告诉我它是否有效。

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

<item android:state_pressed="true">
    <shape>
        <gradient
            android:startColor="@color/yellow1"
            android:endColor="@color/yellow"
            android:angle="270" />
        <stroke
            android:width="3dp"
            android:color="@color/black" />
        <corners
            android:radius="3dp" />
        <padding
            android:top="20dp"
            android:bottom="10dp" />
    </shape>
</item>

<item>        
    <shape>
        <gradient
            android:endColor="@color/white"
            android:startColor="@color/white"
            android:angle="270" />
        <padding
            android:top="20dp"
            android:bottom="10dp" />
    </shape>
</item>
</selector>

Android更改按钮背景

3 个答案: