(Android学习)点击按钮Button,更换背景颜色

一、效果录屏

android,button按钮点击变色

效果描述:按住button按钮颜色改变,松开按钮颜色恢复。

二、代码实现

drawable目录下:
1、btn_nopress_shape.xml

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

    <!-- 设置灰色背景色 -->
    <solid android:color="#D3D3D3" />

    <!-- 设置一下边距,让空间大一点 -->
    <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp"/>

    <!--设置圆角的-->
    <corners android:radius="20px"/>

</shape>

2、btn_press_shape.xml

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

    <!-- 设置蓝色背景色 -->
    <solid android:color="#4169E1" />

    <!-- 设置一下边距,让空间大一点 -->
    <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp"/>

    <!--设置圆角的-->
    <corners android:radius="20px"/>

</shape>

3、btn_press_selector.xml

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

    <item android:state_pressed="true" android:drawable="@drawable/btn_press_shape"/>

</selector>

提醒:
selector中的item会按照顺序依次匹配。

layout目录下:
4、activity_button.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <Button
        android:id="@+id/btn_press"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登陆"
        android:textColor="#FFFFFF"
        android:textSize="18sp"
        android:background="@drawable/btn_press_selector"/>

</LinearLayout>

三、Button背景颜色无法修改?

1、原因
Button背景无法修改,一直呈现亮紫色?
原因:由于新版本的主题问题导致

参考:
Android Studio Button背景颜色无法修改

2、打开themes.xml
在这里插入图片描述
3、修改如下
在这里插入图片描述
四、点击按钮,颜色改变,不恢复
MainActivity.java

public class MainActivity extends AppCompatActivity {
    
    
    Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button);
        btn = findViewById(R.id.btn_press);
        btn.setOnClickListener(new View.OnClickListener() {
    
    
            @Override
            public void onClick(View view) {
    
    
                btn.setBackground(getResources().getDrawable(R.drawable.btn_press_shape));//点击按钮后,重新设置背景颜色
            }
        });


    }

}

猜你喜欢

转载自blog.csdn.net/weixin_45625639/article/details/123019034