3.Android篇——如何改变android按钮触摸的颜色和默认的颜色

问题:

有时候我们在布局的时候需要给按钮设置一个点击的效果,就是默认的是一个颜色,手指放上去又是一个颜色,这个效果可以这样做:

1.  这个是按钮的布局

 <RelativeLayout
                android:layout_width="155dp"
                android:layout_height="53dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="27dp"
                android:background="@drawable/btn_common"
                android:onClick="startAnswer">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:text="开始测试"
                    android:textColor="#FFFFFF"
                    android:textSize="19sp" />
            </RelativeLayout>

布局的背景文件中,我们这样写:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_color_bg_hover" android:state_focused="true" /><!--点击状态是颜色-->
    <item android:drawable="@drawable/btn_color_bg_hover" android:state_pressed="true" /><!--默认颜色-->
    <item android:drawable="@drawable/btn_color_bg" />
</selector><!--触摸状态时颜色-->

btn_color_bg_hover.xml内容如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF" />
    <!-- 设置圆角 -->
    <corners android:radius="23dp" />
    <!-- 设置边框 -->
    <stroke
        android:width="1px"
        android:color="#efefef" />
    <!--left to right-->
    <gradient
        android:angle="45"
        android:endColor="#6ba0fe"
        android:startColor="#44e8ff" />

</shape>
btn_color_bg.xml的内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF" />
    <!-- 设置圆角 -->
    <corners android:radius="23dp" />
    <!-- 设置边框 -->
    <stroke
        android:width="1px"
        android:color="#efefef" />
    <!--left to right-->
    <gradient
        android:angle="45"
        android:endColor="#5489e7"
        android:startColor="#2cc9df" />

</shape>

这样我们点击的时候就是分开两个布局文件的样式

猜你喜欢

转载自blog.csdn.net/qq_38821574/article/details/113521142
今日推荐