Android進階：學習新浪微博自定義radioButton樣式

Android帶的那個RadioButton樣子真是難看了 有木有啊

一般我們用的時候這個要根據整體的界面風格來定義，看著才順眼，新浪微博裡面有個這樣的自定義樣式，學習了下

來看效果：

稍微看著順眼點了吧

來看實現，首先布局文件

<?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" 
    android:background="@drawable/search_bg" 
    > 
<RadioGroup android:gravity="center" 
                    android:layout_gravity="bottom"   
                    android:orientation="horizontal" 
                    android:id="@+id/searchRadioGroup"   
                    android:layout_width="fill_parent"   
                    android:layout_height="wrap_content" > 
                    <RadioButton android:textSize="17.0sp"   
                        android:id="@+id/searchRadioShare" 
                        android:tag="radio_button0"   
                        android:text="搜索微博" 
                        android:layout_weight="1"   
                        style="@style/CustomLeftRadioBtn"> 
                    </RadioButton> 
                    <RadioButton android:textSize="17.0sp"   
                        android:id="@+id/searchRadioUser" 
                        android:tag="radio_button1" 
                        android:text="搜索用戶" 
                        android:layout_weight="1"   
                        style="@style/CustomRightRadioBtn"> 
                    </RadioButton> 
</RadioGroup> 
</LinearLayout> 

在RadioGroup中定義RadioButton並設置style="@style/CustomLeftRadioBtn"

定義如下

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <mce:style name="CustomLeftRadioBtn"><!--  
        <item name="android:button">@null</item>   
        <item name="android:drawableLeft">@drawable/search_radio_1</item> 
        <item name="android:background">@drawable/search_left</item> 
            <item name="android:gravity">center_vertical</item>   
          
      
--></mce:style><style name="CustomLeftRadioBtn" mce_bogus="1">      <item name="android:button">@null</item>   
        <item name="android:drawableLeft">@drawable/search_radio_1</item> 
        <item name="android:background">@drawable/search_left</item> 
            <item name="android:gravity">center_vertical</item>   
          
    </style> 
     <mce:style name="CustomRightRadioBtn"><!--  
        <item name="android:button">@null</item>   
        <item name="android:drawableLeft">@drawable/search_radio_1</item> 
        <item name="android:background">@drawable/search_right</item> 
        <item name="android:gravity">center_vertical</item>   
      
--></mce:style><style name="CustomRightRadioBtn" mce_bogus="1">     <item name="android:button">@null</item>   
        <item name="android:drawableLeft">@drawable/search_radio_1</item> 
        <item name="android:background">@drawable/search_right</item> 
        <item name="android:gravity">center_vertical</item>   
    </style> 
</resources>  

然後添加Onclick事件就可以了

import android.app.Activity;  
import android.os.Bundle;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.widget.Button;  
import android.widget.Toast;  
public class RadioButtonDemo extends Activity {  
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
          
        Button searchRadioShare = (Button) findViewById(R.id.searchRadioShare);  
        Button searchRadioUser = (Button) findViewById(R.id.searchRadioUser);  
          
        searchRadioShare.setOnClickListener(l);  
        searchRadioUser.setOnClickListener(l);  
    }  
      
    private View.OnClickListener l = new OnClickListener(){  
        @Override 
        public void onClick(View v) {  
            if(v.getId()==R.id.searchRadioShare){  
                Toast.makeText(RadioButtonDemo.this, "搜索微博", Toast.LENGTH_LONG).show();  
            }else{  
                Toast.makeText(RadioButtonDemo.this, "搜索用戶", Toast.LENGTH_LONG).show();  
            }  
              
        }  
          
    };  
} 

可以下載項目：RadioButtonDemo