Android教程（八）-- 選項按鈕RadioButton控制項的使用

好了趁著空閑，今天給大家說說選項按鈕RadioButton控制項的使用。

單選框雖然沒有多選框那麼常用，但是在很多時候它還是必須要的。

好了廢話不多說，我們現在就來看看它是怎麼使用的。

第一步，建立一個工程Ep.Radio，視圖和活動不改名。

第二步，簡單的設計一下視圖（經過前面的學習相信大家知道視圖指的是哪個檔案了，沒錯是activity_main.xml）：

[java] 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context=".MainActivity" > 
 
    <TextView 
        android:id="@+id/textView1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="請問你是?" /> 
 
    <RadioGroup 
        android:id="@+id/radioGroup1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignLeft="@+id/textView1" 
        android:layout_below="@+id/textView1" 
        android:layout_marginTop="19dp" > 
 
        <RadioButton 
            android:id="@+id/radio0" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="帥哥" /> 
 
        <RadioButton 
            android:id="@+id/radio1" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:text="美女" /> 
 
    </RadioGroup> 
 
</RelativeLayout> 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="請問你是?" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="19dp" >

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="帥哥" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="美女" />

    </RadioGroup>

</RelativeLayout>
視圖可以自己嘗試去改變一下，不一定要跟著我一樣設計的。

記住選項按鈕一組之中只能選中一個，但是一個頁面可以存在多組。

第三步，寫核心檔案MainActivity.java（核心是.java檔案，這個大家要記住了）：

[java] 
package com.example.ep.radio; 
 
import android.os.Bundle; 
import android.app.Activity; 
import android.widget.RadioButton; 
import android.widget.RadioGroup; 
import android.widget.TextView; 
 
public class MainActivity extends Activity { 
 
    private TextView tv; 
    private RadioButton rd1,rd2; 
    private RadioGroup rdg; 
 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.activity_main); 
         
        tv=(TextView)findViewById(R.id.textView1); 
        rd1=(RadioButton)findViewById(R.id.radio0); 
        rd2=(RadioButton)findViewById(R.id.radio1); 
        rdg=(RadioGroup)findViewById(R.id.radioGroup1); 
         
        rdg.setOnCheckedChangeListener(rdgcc); 
    } 
     
    private RadioGroup.OnCheckedChangeListener rdgcc=new RadioGroup.OnCheckedChangeListener() { 
         
        @Override 
        public void onCheckedChanged(RadioGroup group, int checkedId) { 
            // TODO Auto-generated method stub  
            if(checkedId==rd1.getId()){ 
                tv.setText(rd1.getText()); 
            }else if(checkedId==rd2.getId()){ 
                tv.setText(rd2.getText()); 
            } 
        } 
    };  
 
} 

package com.example.ep.radio;

import android.os.Bundle;
import android.app.Activity;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends Activity {

 private TextView tv;
 private RadioButton rd1,rd2;
 private RadioGroup rdg;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  tv=(TextView)findViewById(R.id.textView1);
  rd1=(RadioButton)findViewById(R.id.radio0);
  rd2=(RadioButton)findViewById(R.id.radio1);
  rdg=(RadioGroup)findViewById(R.id.radioGroup1);
  
  rdg.setOnCheckedChangeListener(rdgcc);
 }
 
 private RadioGroup.OnCheckedChangeListener rdgcc=new RadioGroup.OnCheckedChangeListener() {
  
  @Override
  public void onCheckedChanged(RadioGroup group, int checkedId) {
   // TODO Auto-generated method stub
   if(checkedId==rd1.getId()){
    tv.setText(rd1.getText());
   }else if(checkedId==rd2.getId()){
    tv.setText(rd2.getText());
   }
  }
 };

}

好了最後我們循例測試一下結果：