工作中经常会见到Button需要设置点击效果的情况,这里记录一下,仅供参考!
先上效果图:
这里没被点击的效果:
这是被点击后的效果,仔细看,边框的颜色变蓝了(因为要求粉中带蓝,所以效果不明显,可以设置)。
以下是布局:
<Button
android:id="@+id/btn_register"
android:layout_width="140dp"
android:layout_height="40dp"
android:layout_centerInParent="true"
android:background="@drawable/selector_register"
android:text="注册帐号"
android:textColor="#FB7299"
android:textSize="15sp" />
以下是设置的selector,注意这里的selector中夹带了shape
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
<shape>
<!-- 填充的颜色,这里是按钮的背景色 -->
<solid android:color="#F2F2F2" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="10dip" />
<!-- 这里是没有被点击边框的颜色 -->
<stroke android:width="2px" android:color="#FB7299" />
</shape>
</item>
<item android:state_pressed="true">
<shape>
<!-- 填充的颜色 -->
<solid android:color="#F2F2F2" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="10dip" />
<!-- 这里是被点击后边框的颜色 -->
<stroke android:width="2px" android:color="#BC627B" />
</shape>
</item>
</selector>
注意:在shape里面还设置了Button的圆角弧度
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。