Android组件之Radio与CheckBox

今天介绍一下android组件里面的RadioButton单选按钮与CheckBox复选框的使用，并且怎么监听其状态；

RadioButton选项按钮可用于多选一的应用中，如果想在选中莫一个选项按钮后，其它的选项按钮都被设未选中状态，需将RadioButton标签放在RadioGroup标签中。

例如：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Radio Demo" />

            <RadioGroup
                android:id="@+id/sexRg"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:checkedButton="@+id/female"
                android:orientation="vertical" >

                <RadioButton
                    android:id="@id/female"
                    android:text="女" />

                <RadioButton
                    android:id="@+id/male"
                    android:text="男" />
            </RadioGroup>


</LinearLayout>

在模拟器中效果：

在代码中监听单选框状态，

package cn.class3g.activity;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class RadioDemo extends Activity implements
		OnCheckedChangeListener {

	RadioGroup rg = null;
	private static final String TAG = "TAG";

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.radio_layout);

		findViews();

		// 指定某个选项被选中
		rg.check(R.id.male);

		// 获取当前选项组中被选中的选项的id
		int checkedId = rg.getCheckedRadioButtonId();
		RadioButton rb = (RadioButton) this.findViewById(checkedId);
		Log.i(TAG, rb.getText().toString());//通过日志打印出被选中的选项
	}

	private void findViews() {
		rg = (RadioGroup) this.findViewById(R.id.sexRg);
		// 注册监听器
		rg.setOnCheckedChangeListener(this);
	}

	// 覆盖OnCheckedChangeListener接口的抽象方法
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		if (group.getId() == R.id.sexRg) {
			RadioButton rb = (RadioButton) this.findViewById(checkedId);
			Log.i(TAG, rb.getText().toString());//用日志打印出被选中的选项
		}

	}

}

每点击一次都会通过日志输出，效果：

CheckBox复选框通常用于多选的应用，下面用一个例子说明：

在样式文件中：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="爱好"
        android:textSize="20dp" />

    <TableLayout
        android:id="@+id/tableLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="*" >

        <TableRow >

            <CheckBox
                android:id="@+id/cb1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="足球" />

            <CheckBox
                android:id="@+id/cb2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="蓝球" />
        </TableRow>

        <TableRow >

            <CheckBox
                android:id="@+id/cb3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="游泳" />

            <CheckBox
                android:id="@+id/cb4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="武术" />
        </TableRow>
    </TableLayout>

    <Button
        android:id="@+id/submit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="提交" />

</LinearLayout>

模拟器中效果：

监听复选框状态：

package cn.class3g.activity;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;

public class CheckBoxDemo extends Activity implements OnCheckedChangeListener{

	private CheckBox cb1,cb2,cb3,cb4;
	private Button submitBtn;
	
	private ArrayList<CheckBox> list = new ArrayList<CheckBox>();
	
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);
		setContentView(R.layout.checkbox_layout);
		
		findViews();
	}

	private void findViews() {
		cb1 = (CheckBox) this.findViewById(R.id.cb1);
		cb2 = (CheckBox) this.findViewById(R.id.cb2);
		cb3 = (CheckBox) this.findViewById(R.id.cb3);
		cb4 = (CheckBox) this.findViewById(R.id.cb4);
		
		list.add(cb1);
		list.add(cb2);
		list.add(cb3);
		list.add(cb4);
		//为每一个CheckBox添加监听事件
		for(CheckBox cb : list){
			/*
			 * 为什么参数是this
			 * 当期类实现了监听器接口，所以当前类的实例this可以
			 * 当作一个监听器对象放入setOnCheckedChangeListener（）
			 * 方法之中做参数
			 */
			cb.setOnCheckedChangeListener(this);
		}
		
		submitBtn = (Button) this.findViewById(R.id.submit);
		//为Button添加监听事件
		submitBtn.setOnClickListener(new OnClickListener(){

			public void onClick(View v) {
				String fav = "";
				for(CheckBox cb : list){
					if(cb.isChecked()){
						fav += cb.getText() +" , ";
					}
				}
				//日志输出所选择的所有选项
				Log.i("TAG",fav);
			}
			
		});
		
	}

	//覆盖CompoundButton.OnCheckedChangeListener接口的抽象方法
	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
		//每点击一次选项均用日志输出
		Log.i("TAG", buttonView.getText().toString());
	}
}

日志输出效果：