如图,上面的带有点击圆角背景按钮经常用到。通常的做法是自定义一个background,需要三个文件selector,shape1,shape2
//selector<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true" android:drawable="@drawable/button_seleter_up"></item>
<item android:state_pressed="true" android:drawable="@drawable/button_seleter_up"></item>
<item android:state_enabled="false" android:drawable="@drawable/button_seleter_up"></item>
<item android:drawable="@drawable/button_seleter_down"></item>
</selector>
//button_seleter_up.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="@color/colorAccent" />
<corners
android:bottomLeftRadius="3dp"
android:bottomRightRadius="3dp"
android:topLeftRadius="3dp"
android:topRightRadius="3dp" />
</shape>
//button_seleter_down.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="@color/btn_gray_normal" />
<corners
android:bottomLeftRadius="3dp"
android:bottomRightRadius="3dp"
android:topLeftRadius="3dp"
android:topRightRadius="3dp" />
</shape>
感觉这TM好麻烦,一个背景要搞3个文件。今天我要说一种简洁的办法,不要3个文件,只需要一个文件就行。//shape_round_button_background1.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<solid android:color="@color/text_button_pressed" />
<corners android:radius="30dip" />
<padding android:left="16dp" android:right="16dp" />
</shape>
</item>
<item>
<shape>
<solid android:color="@color/text_button_bg" />
<corners android:radius="30dip" />
<padding android:left="16dp" android:right="16dp" />
</shape>
</item>
</selector>
下面说说最方便的使用方式:
<?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">
<TextView
android:id="@+id/tv_charge_submit"
style="@style/round_submit_button1"
android:text="确定" />
</LinearLayout>
上面的代码简直太简洁了有木有?是的,这个简介的代码还要依赖style文件设置的一个类型:
<style name="round_submit_button1" parent="android:Widget">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">@dimen/px_100</item>
<item name="android:textSize">@dimen/textsize_8</item>
<item name="android:textColor">@color/white</item>
<item name="android:gravity">center</item>
<item name="android:layout_margin">@dimen/activity_horizontal_margin</item>
<item name="android:background">@drawable/shape_round_button_background1</item>
</style>
这里面就用到了上面定义的的带有点击效果的背景。
================================================================================================
附带一个带边线border的圆角背景:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/cffffff" />
<stroke
android:width="1dip"
android:color="@color/main_color" />
<corners android:radius="30dip" />
<padding
android:left="16dp"
android:right="16dp" />
</shape>