http://hi.baidu.com/ljlkings/blog/item/a7945124de875c038a82a1b4.html

Android 自定義RadioButton的樣式

我們知道Android控件里的button，listview可以用xml的樣式自定義成自己希望的漂亮樣式。
　　最近用到RadioButton，利用xml修改android:background="@drawable/button_drawable"，其中button_drawable為自己定義的.xml文件（res/drawable文件下），但是不成功，到網(wǎng)上查找，也沒有正確的說法，我就開始自己嘗試，最后做好了。
　　其實(shí)方法很簡單，同樣在res/drawable新建radiobutton.xml如下

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
　　     <item
　　          android:state_enabled="true"
　　           android:state_checked="true"
　　          android:drawable="@drawable/check" />
　　     <item
　　           android:state_enabled="true"
　　           android:state_checked="false"
　　           android:drawable="@drawable/checknull" />
　　 </selector>
  

　　1 check和checknull分別為選中和位選中的圖片。
　　1 然后在你的布局文件中，RadioButton 布局
　　1 設(shè)置android:button = "@drawable/radiobutton"，就可以了！
　　前后圖片對比如下：




RadioButton修改樣式

    
<?xml version="1.0" encoding="utf-8"?> 
<resources> 
<style name="CustomTheme" parent="android:Theme"> 
   <item name="android:radioButtonStyle">@style/RadioButton</item> 
</style> 
<style name="RadioButton" parent="@android:style/Widget.CompoundButton.RadioButton"> 
   <item name="android:button">@drawable/radio</item> 
</style> 
</resources> 

  

    
<?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:state_window_focused="false" 
        android:drawable="@drawable/radio_hover" /> 
    <item android:state_checked="false" android:state_window_focused="false" 
        android:drawable="@drawable/radio_normal" /> 
    <item android:state_checked="true" android:state_pressed="true" 
        android:drawable="@drawable/radio_active" /> 
    <item android:state_checked="false" android:state_pressed="true" 
        android:drawable="@drawable/radio_active" /> 
    <item android:state_checked="true" android:state_focused="true" 
        android:drawable="@drawable/radio_hover" /> 
    <item android:state_checked="false" android:state_focused="true" 
        android:drawable="@drawable/radio_normal_off" /> 
    <item android:state_checked="false" android:drawable="@drawable/radio_normal" /> 
    <item android:state_checked="true" android:drawable="@drawable/radio_hover" /> 
    </selector> 


  

Android 自定義CheckBox 樣式
http://www.pocketdigi.com/20110623/347.html
1，新建Android XML文件，類型選Drawable,根結(jié)點(diǎn)選selector，在這定義具體的樣式。

    
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_checked="true" android:state_pressed="true"
		android:drawable="@drawable/focused" />
	<item android:state_checked="false" android:state_pressed="true"
		android:drawable="@drawable/normal" />
	<item android:state_checked="false" android:drawable="@drawable/normal" />
	<item android:state_checked="true" android:drawable="@drawable/focused" />
</selector>

  

2，應(yīng)用到Checkbox與Button不同，并不是設(shè)置Background屬性,而是設(shè)置style屬性,所以我們要寫一個(gè)style。
在style.xml寫一個(gè)style,

    <style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
<item name="android:button">@drawable/checkbox</item>
</style>
  

3，應(yīng)用到Checkbox：

    
<CheckBox android:layout_width="wrap_content" 
android:layout_height="wrap_content"
style="@style/MyCheckBox"
/>

  

新浪搜索界面 用到 自定義RadioButton
http://www.eoeandroid.com/thread-53703-1-1.html

風(fēng)格化的 Toggle Buttons
http://blog.csdn.net/billpig/article/details/6634481

事實(shí)上，可以使用ToggleButton來模仿CheckBox：

    
<ToggleButton android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_toggle"/>

  

bg_toggle.xml:

    
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/toggle_me_on" /> 
    <item android:drawable="@drawable/toggle_me_off" />
</selector>

  

讓CheckBox的選擇框顯示在右邊



只要注意android:button和android:drawableRight就行了：

    
<style name="style_checkbox">
        <item name="android:layout_width">wrap_content</item>
		<item name="android:layout_height">wrap_content</item>
		<item name="android:paddingRight">25dp</item>
		<item name="android:paddingTop">5dp</item>
		<item name="android:paddingBottom">5dp</item>
		<item name="android:textColor">@color/white</item>
		<item name="android:textSize">@dimen/font_middle</item>
		<item name="android:textStyle">italic</item>
		<item name="android:singleLine">true</item>
		<item name="android:button">@null</item>
		<item name="android:drawableRight">@drawable/mycheckbox</item>
		<item name="android:drawablePadding">5dp</item>
		<item name="android:background">@android:color/transparent</item>
    </style>

  

自定義RadioButton&CheckBox樣式的實(shí)現(xiàn)