自定义控件RadioButton EditText

来源：互联网发布：女王级战列舰知乎编辑：程序博客网时间：2024/05/19 17:57

自定义RadioButton

radiobutton的样式是由background和button属性决定的

定义一个样式文件styles.xml,名为CustomRadioBtn

styles.xml

<?xml version="1.0" encoding="utf-8"?><resources>      <style name="CustomRadioBtn">    <item name="android:background">@drawable/radio_btn_bg</item>    <item name="android:button">@drawable/custom_radio_btn</item>    </style></resources>

背景是一个图片radio_btn_bg.png

图片四周的黑线是可以随内容伸缩的区域

custom_radio_btn.xml是button的样式

当按钮的状态和某一个selector中的item相匹配时就会使用相应项的 Drawable，是一个图片

custom_radio_btn.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item        android:state_enabled="true"        android:state_checked="true"        android:state_pressed="true"        android:drawable="@drawable/enabled_on_pressed" />          <item        android:state_enabled="true"        android:state_checked="false"        android:state_pressed="true"        android:drawable="@drawable/enabled_off_pressed" />        <item        android:state_enabled="true"        android:state_checked="true"        android:drawable="@drawable/enabled_on" />              <item        android:state_enabled="true"        android:state_checked="false"        android:drawable="@drawable/enabled_off" />                       <item        android:state_enabled="false"        android:state_checked="true"        android:drawable="@drawable/disabled_on" />              <item        android:state_enabled="false"        android:state_checked="false"        android:drawable="@drawable/disabled_off" /></selector>

在布局文件中引用它

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"><RadioButton    android:id="@+id/RadioButton01"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Default radio button style"    style="@style/CustomRadioBtn"    android:checked="true"/>    <RadioButton        android:id="@+id/RadioButton04"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Default radio button style"        style="@style/CustomRadioBtn"        android:checked="false"        /><RadioButton    android:id="@+id/RadioButton02"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Disabled radio button"    style="@style/CustomRadioBtn"    android:enabled="false"    android:checked="true"/>    <RadioButton        android:id="@+id/RadioButton07"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Disabled radio button"        style="@style/CustomRadioBtn"        android:enabled="false"        android:checked="false"/><RadioButton    android:id="@+id/RadioButton03"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Enabled selected"    style="@style/CustomRadioBtn"    android:checked="true"/>    <RadioButton        android:id="@+id/RadioButton06"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Enabled selected"        style="@style/CustomRadioBtn"        android:checked="false"/></LinearLayout>

自定义EditTText使用背景后也会自动伸缩

<EditText    android:id="@+id/EditText01"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:background="@drawable/radio_btn_bg"    android:text="1234566"    android:textColor="#ffffff"/>

0 0