android 控件之RadioGroup&RadioButton

RadioButton和RadioGroup的关系：

1、RadioButton表示单个圆形单选框，而RadioGroup是可以容纳多个RadioButton的容器；

2、每个RadioGroup中的RadioButton同时只能有一个被选中；

3、不同的RadioGroup中的RadioButton互不相干，即如果组A中有一个选中了，组B中依然可以有一个被选中；

4、一个RadioGroup中至少有2个RadioButton；

5、大部分场合下，一个RadioGroup中的RadioButton默认会有一个被选中，并建议您将它放在RadioGroup中的起始位置（默认选中方法android:checked="true" ）；

我们在代码中使用 setOnCheckedChangeListener 来对单选按钮进行监听。

代码示例：

XML文件：

<span style="font-size:12px;"><?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"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />

 <RadioGroup
android:id="@+id/radioGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

 <RadioButton
android:id="@+id/radioBtn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/radioBtn1"
android:textColor="#ffffff" />

<RadioButton
android:id="@+id/radioBtn2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/radioBtn2"  />
</RadioGroup>
</LinearLayout> </span>

布局格式如图：

若是希望，文字在前单选框在后，只要在main.xml布局文件中的<RadioButton/>加入

android:button="@null"

android:drawableRight="@android:drawable/btn_radio"即可

效果及如下图显示：

string.xml

<span style="font-size:12px;"><?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">单选按钮测试</string>
<string name="hello">你的性别是</string>
<string name="radioBtn1">男</string>
<string name="radioBtn2">女</string>
</resources> </span>

MainActivity.java

<span style="font-size:12px;">package com.android.radiobutton;

import android.app.Activity;
import android.os.Bundle;
import android.widget.RadioGroup;
import android.widget.Toast;

public class MainActivity extends Activity {

//声明RadioGroup
RadioGroup raGroup;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//通过findViewById获得RadioGroup对象
raGroup=(RadioGroup)findViewById(R.id.radioGroup);

// 添加事件监听器
raGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
// TODO Auto-generated method stub
if(checkedId==R.id.radioBtn1){
Toast.makeText(MainActivity.this, "你的性别是男", Toast.LENGTH_LONG).show();
}</span><pre name="code" class="java"><span style="font-size:12px;">               else {
Toast.makeText(MainActivity.this, "你的性别是女", Toast.LENGTH_LONG).show();
}
}
});
}
} </span>

延伸：RadioButton和CheckBox的区别：

1、单个RadioButton在选中后，通过点击无法变为未选中

单个CheckBox在选中后，通过点击可以变为未选中

2、一组RadioButton，只能同时选中一个

一组CheckBox，能同时选中多个

3、RadioButton在大部分UI框架中默认都以圆形表示

CheckBox在大部分UI框架中默认都以矩形表示

具体代码示例：

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">

 <TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textSize="20sp"
android:textStyle="bold"
android:textColor="#FFFFFF" />

<CheckBox
android:id="@+id/checkbox1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/football"
android:textSize="16sp" />

<CheckBox
android:id="@+id/checkbox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/basketball"
android:textSize="16sp" />

<CheckBox
android:id="@+id/checkbox3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/volleyball"
android:textSize="16sp"/>
</LinearLayout>

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">你喜欢的运动是</string>
<string name="app_name">复选按钮测试</string>
<string name="football">足球</string>
<string name="basketball">篮球</string>
<string name="volleyball">排球</string>
</resources>

MainActivity.java

package com.android.checkbox;

import android.app.Activity;
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.CompoundButton.OnCheckedChangeListener;

public class MainActivity extends Activity{
//声明复选按钮
private CheckBox cBox1;
private CheckBox cBox2;
private CheckBox cBox3;

@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//通过findViewById获得CheckBox对象
cBox1=(CheckBox)findViewById(R.id.checkbox1);
cBox2=(CheckBox)findViewById(R.id.checkbox2);
cBox3=(CheckBox)findViewById(R.id.checkbox3);

//注册事件监听器
cBox1.setOnCheckedChangeListener(listener);
cBox2.setOnCheckedChangeListener(listener);
cBox3.setOnCheckedChangeListener(listener);

}
//响应事件
private OnCheckedChangeListener listener = new OnCheckedChangeListener(){
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked)
{
//cBox1被选中
if (buttonView.getId()==R.id.checkbox1){
if (isChecked){
Toast.makeText(MainActivity.this, "你喜欢足球", Toast.LENGTH_LONG).show();
}
}
//cBox2被选中
else if (buttonView.getId()==R.id.checkbox2){
if (isChecked){
Toast.makeText(MainActivity.this, "你喜欢篮球", Toast.LENGTH_LONG).show();
}
}
//cBox3被选中
else if (buttonView.getId()==R.id.checkbox3){
if (isChecked){
Toast.makeText(MainActivity.this, "你喜欢排球", Toast.LENGTH_LONG).show();
}
}
}
};
}

效果图如下：

到此结束~~~