我们在开发中,常常遇见一些控件都需要自己亲手定义样式!今天带来的就是一个比较简单的复选按钮AppCompatCheckBox(v7)
先看看最终实现的样式:
看着这样式,是不是感觉特别清爽,远远比默认的好看多了!下面我们实现这种效果的控件
首先需要定义1个按钮的样式文件,1个文字的样式文件
按钮的样式:checkbox_yellow_gray.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/xuanze_yuan"
android:state_checked="true"/>
<itemandroid:drawable="@drawable/yellow_kong"/>
</selector>
文字样式:text_radiobutton_yellow_gray.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:color="@color/yellow"android:state_checked="true"/>
<itemandroid:color="@color/contents_hide_color"/>
</selector>
完成这两个自定义的样式后,就需要在布局文件中引用.
main.xml
<android.support.v7.widget.AppCompatCheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:backgroundTint="@color/yellow"
android:button="@drawable/checkbox_yellow_gray"
android:id="@+id/rb_choose_address"
android:text="@string/default_address"
android:textSize="14sp"
android:padding="5dp"
android:textColor="@drawable/text_radiobutton_yellow_gray"
android:layout_alignBaseline="@+id/btn_update"/>
就这样几步,我们就实现自定义的AppCompatCheckBox(v7)的样式复选按钮,是不是非常简单!