问题:
有时候我们在布局的时候需要给按钮设置一个点击的效果,就是默认的是一个颜色,手指放上去又是一个颜色,这个效果可以这样做:
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>
这样我们点击的时候就是分开两个布局文件的样式