首页 > 代码库 > android 控件之RadioGroup&RadioButton

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();  
                    }  
                }         
            }  
        };  
    } 

效果图如下:



到此结束~~~




android 控件之RadioGroup&RadioButton