Android开发UI之Radio、Check、Toggle

前言

这篇文章讲解一下Android平台下，RadioButton、CheckBox以及ToggleButton三个控件的用法，因为这三个控件之中都存在一个选中或是没选中的状态，所以放在一起讲解。

这三个控件均是从Button之中间接继承而来的，所以一些Button中的设置都是通用的，如图文混排，动态修改显示内容，因为之前已经对这些内容进行了说明，如果不清楚朋友可以参见一下另外一篇文章：Android开发UI之Button，所以这篇文章只是就这三个控件的常用方法进行简要说明，并给出示例。

CompoundButton

RadioButton（单选按钮）、CheckBox（复选按钮）、ToggleButton（开关按钮）都继承自android.widget.CompoundButton类，而CompoundButton又继承自Button类，在这个类中封装了一个checked属性，用于判断是否被选中，这也是它与Button的不同，对其进行了扩展，这个属性在这三个控件中的用法是一样的。

一般checked属性通过以下方式来设置与获取：

android:checked/setChecked(boolean)：设置是否被选中。
isChecked()：获取是否被选中。

RadioButton

RadioButton，为一个单选按钮，一般配合RadioGroup一起使用，在同一RadioGroup内，所有的RadioButton的选中状态为互斥，它们有且只有一个RadioButton被选中，但是在不同的RadioGroup中是不相互影响的。

下面通过一个简单的示例来说明一下，在示例中会存在两个RadioButton，用于定义性别信息，当用户选中了某个后，点击按钮，把选中的信息提示到屏幕上。

布局代码：

 
 
 
   
  
  
     
  
  
    
  
  
  
    android:layout_width="match_parent"   
  
  
      android:layout_height="match_parent"   
  
  
      android:orientation="vertical" >   
  
  
     
  
  
        
  
  
  
        android:layout_width="fill_parent"   
  
  
          android:layout_height="wrap_content"   
  
  
          android:text="Gender：" />   
  
  
         
  
  
        
  
  
  
        android:id="@+id/gender"   
  
  
          android:layout_width="wrap_content"   
  
  
          android:layout_height="wrap_content" >   
  
  
     
  
  
            
  
  
  
            android:layout_width="wrap_content"   
  
  
              android:layout_height="wrap_content"   
  
  
              android:text="male" />   
  
  
     
  
  
            
  
  
  
            android:layout_width="wrap_content"   
  
  
              android:layout_height="wrap_content"   
  
  
              android:text="female" />   
  
  
         
  
  
     
  
  
        
  
  
  
        android:id="@+id/btnGender"   
  
  
          android:layout_width="fill_parent"   
  
  
          android:layout_height="wrap_content"   
  
  
          android:text="选择性别" />

实现代码：

 
 
 
   
  
  
  package com.example.changebutton;   
  
  
     
  
  
  import android.app.Activity;   
  
  
  import android.os.Bundle;   
  
  
  import android.view.View;   
  
  
  import android.widget.Button;   
  
  
  import android.widget.RadioButton;   
  
  
  import android.widget.RadioGroup;   
  
  
  import android.widget.Toast;   
  
  
     
  
  
  public class RadioButtonActivity extends Activity {   
  
  
      private RadioGroup group;   
  
  
      private Button btnGender;   
  
  
     
  
  
      @Override   
  
  
      protected void onCreate(Bundle savedInstanceState) {   
  
  
          // TODO Auto-generated method stub   
  
  
          super.onCreate(savedInstanceState);   
  
  
          setContentView(R.layout.radiobutton_layout);   
  
  
     
  
  
          group = (RadioGroup) findViewById(R.id.gender);   
  
  
          btnGender = (Button) findViewById(R.id.btnGender);   
  
  
          btnGender.setOnClickListener(new View.OnClickListener() {   
  
  
              @Override   
  
  
              public void onClick(View v) {   
  
  
                  // 获取单选按钮的选项个数   
  
  
                  int len = group.getChildCount();   
  
  
                  String msgString = "";   
  
  
                  for (int i = 0; i < len; i++) {   
  
  
                      //RadioGroup中包含的子View就是一个RadioButton   
  
  
                      RadioButton radiobutton = (RadioButton) group.getChildAt(i);   
  
  
                      if (radiobutton.isChecked()) {   
  
  
                          //如果被选中，则break循环，并且记录选中信息   
  
  
                          msgString = "You choose to be a "   
  
  
                                  + radiobutton.getText().toString();   
  
  
                          break;   
  
  
                      }   
  
  
                  }   
  
  
                  if (msgString.equals("")) {   
  
  
                      Toast.makeText(RadioButtonActivity.this,   
  
  
                              "Please select a gender!", Toast.LENGTH_SHORT)   
  
  
                              .show();   
  
  
                  } else {   
  
  
                      Toast.makeText(RadioButtonActivity.this, msgString,   
  
  
                              Toast.LENGTH_SHORT).show();   
  
  
                  }   
  
  
              }   
  
  
          });   
  
  
      }   
  
  
  }

实现效果：

CheckBox

CheckBox是一个复选按钮，它的用法与RadioButton很像，但是与之不同的是，它可以多选，所以也无需用一个组控件包裹起来。

这里涉及了一动态添加UI控件的知识，在Android中动态增加控件一般有两种方式：

为需要操作的UI控件指定android:id属性，并且在Activity中通过setContentView()设置需要查找的布局文件。这样才可以在Activity中，使用findViewById(int)方法找到待操作的控件。
为需要操作的UI控件单独创建XML文件，在Activity中使用动态填充的方式：getLayoutInflater().inflate(int)的方式获取到XML文件定义的控件。

这里通过一个示例来说明CheckBox的使用，在示例中动态添加了CheckBox的选项，并且对其进行选中之后提示选中信息。上面两种方式都用用到，通过一个chooseMethod(boolean)区分。

布局代码：

 
 
 
   
  
  
     
  
  
    
  
  
  
    android:layout_width="match_parent"   
  
  
      android:layout_height="match_parent"   
  
  
      android:orientation="vertical"    
  
  
      android:id="@+id/checkLayout">   
  
  
         
  
  
        
  
  
  
        android:id="@+id/checkBtn"   
  
  
          android:layout_width="fill_parent"   
  
  
          android:layout_height="wrap_content"   
  
  
          android:text="确定" />

如果使用动态填充的方式获取CheckBox的话，需要添加一个CheckBox的XML文件，代码如下：

 
 
 
   
  
  
     
  
  
    
  
  
  
    android:layout_width="match_parent"   
  
  
      android:layout_height="wrap_content"  >

实现代码：

 
 
 
   
  
  
  package com.example.changebutton;   
  
  
     
  
  
  import java.util.ArrayList;   
  
  
  import java.util.List;   
  
  
  import android.app.Activity;   
  
  
  import android.app.AlertDialog;   
  
  
  import android.os.Bundle;   
  
  
  import android.view.View;   
  
  
  import android.view.View.OnClickListener;   
  
  
  import android.widget.Button;   
  
  
  import android.widget.CheckBox;   
  
  
  import android.widget.LinearLayout;   
  
  
     
  
  
  public class CheckBoxActivity extends Activity implements OnClickListener {   
  
  
     
  
  
      private List checkBoxs = new ArrayList();   
  
  
      private Button checkBtn;   
  
  
     
  
  
      @Override   
  
  
      protected void onCreate(Bundle savedInstanceState) {   
  
  
          super.onCreate(savedInstanceState);   
  
  
          chooseMethod(false);   
  
  
          checkBtn = (Button) findViewById(R.id.checkBtn);   
  
  
          checkBtn.setOnClickListener(this);   
  
  
      }   
  
  
     
  
  
      @Override   
  
  
      public void onClick(View v) {   
  
  
          String s = "";   
  
  
          //循环cheackBoxs   
  
  
          for (CheckBox c : checkBoxs) {   
  
  
              if (c.isChecked()) {   
  
  
                  //如果选中就添加选中结果到msg中。   
  
  
                  s += c.getText() + "\n";   
  
  
              }   
  
  
          }   
  
  
          if ("".equals(s)) {   
  
  
              s = "您没有选中选项！";   
  
  
          }   
  
  
          //使用对话框弹出选中的信息   
  
  
          new AlertDialog.Builder(this).setMessage(s)   
  
  
                  .setPositiveButton("Exit", null).show();   
  
  
      }   
  
  
     
  
  
      private void chooseMethod(boolean b) {   
  
  
          String[] checkboxText = new String[] { "You are student?",   
  
  
                  "Do you like Android?", "Do you have a girlfriend",   
  
  
                  "Do you like online shopping?" };   
  
  
          if (b) {   
  
  
              //使用本文中提到的第一种方式，通过Id动态加载   
  
  
              setContentView(R.layout.checkbox_layout);   
  
  
              //获取带填充的布局控件   
  
  
              LinearLayout linearLayout = (LinearLayout) this   
  
  
                      .findViewById(R.id.checkLayout);   
  
  
              //根据数组，循环添加内容   
  
  
              for (int i = 0; i < checkboxText.length; i++) {   
  
  
                  CheckBox checkbox = new CheckBox(this);   
  
  
                  checkBoxs.add(checkbox);   
  
  
                  checkBoxs.get(i).setText(checkboxText[i]);   
  
  
                  //把CheckBox加入到布局控件中   
  
  
                  linearLayout.addView(checkbox);   
  
  
              }               
  
  
          } else {   
  
  
              //通过动态填充的方式，找到布局文件   
  
  
              LinearLayout linearLayout = (LinearLayout) getLayoutInflater()   
  
  
                      .inflate(R.layout.checkbox_layout, null);   
  
  
              for (int i = 0; i < checkboxText.length; i++) {   
  
  
                  //在通过动态填充的方式找到CheckBox的文件   
  
  
                  CheckBox checkbox = (CheckBox) getLayoutInflater().inflate(   
  
  
                          R.layout.cheackbox, null);   
  
  
                  checkBoxs.add(checkbox);   
  
  
                  checkBoxs.get(i).setText(checkboxText[i]);   
  
  
                  linearLayout.addView(checkbox);   
  
  
              }   
  
  
              //最后把这个布局文件加载显示   
  
  
              setContentView(linearLayout);               
  
  
          }   
  
  
      }   
  
  
  }

实现效果

ToggleButton

ToggleButton，一个开关按钮，有两个状态，大抵的用法与上面两个控件一直，可以通过两个属性显示不同状态时，控件内显示文字的内容不同，属性如下：

android:textOff/setTextOff(CharSequence)：设置关闭时显示内容。
android:textOn/setTextOn(CharSequence)：设置打开时显示内容。

ToggleButton，这个控件有一个OnCheckedChangeListener()事件，当开关的状态切换的时候会被触发，其中需要传递一个OnCheckedChangeListener接口的实现内，当被切换时，触发其中的onCheckedChange()方法，可以在其中写需要实现的功能代码。

下面通过一个示例讲解一下ToggleButton的使用，使用一个toggleButton控件，控制一个LinearLayout的布局排列方式。

布局代码：

 
 
 
   
  
  
     
  
  
    
  
  
  
    android:layout_width="match_parent"   
  
  
      android:layout_height="match_parent"   
  
  
      android:orientation="vertical" >   
  
  
     
  
  
        
  
  
  
        android:id="@+id/togBtn"   
  
  
          android:layout_width="wrap_content"   
  
  
          android:layout_height="wrap_content"   
  
  
          android:checked="true"   
  
  
          android:textOff="横向排列"   
  
  
          android:textOn="纵向排列" />   
  
  
     
  
  
        
  
  
  
        android:id="@+id/OriLayout"   
  
  
          android:layout_width="match_parent"   
  
  
          android:layout_height="match_parent"   
  
  
          android:orientation="vertical" >   
  
  
     
  
  
            
  
  
  
            android:layout_width="wrap_content"   
  
  
              android:layout_height="wrap_content"   
  
  
              android:text="btn1" />   
  
  
     
  
  
            
  
  
  
            android:layout_width="wrap_content"   
  
  
              android:layout_height="wrap_content"   
  
  
              android:text="btn2" />   
  
  
     
  
  
            
  
  
  
            android:layout_width="wrap_content"   
  
  
              android:layout_height="wrap_content"   
  
  
              android:text="btn3" />

实现代码：

 
 
 
   
  
  
  package com.example.changebutton;   
  
  
     
  
  
  import android.app.Activity;   
  
  
  import android.os.Bundle;   
  
  
  import android.widget.CompoundButton;   
  
  
  import android.widget.CompoundButton.OnCheckedChangeListener;   
  
  
  import android.widget.LinearLayout;   
  
  
  import android.widget.ToggleButton;   
  
  
     
  
  
  public class ToggleButtonActivity extends Activity {   
  
  
      private ToggleButton togBtn;   
  
  
      private LinearLayout linearLayout;   
  
  
     
  
  
      @Override   
  
  
      protected void onCreate(Bundle savedInstanceState) {   
  
  
          // TODO Auto-generated method stub   
  
  
          super.onCreate(savedInstanceState);   
  
  
          setContentView(R.layout.toggle_layout);   
  
  
          togBtn = (ToggleButton) findViewById(R.id.togBtn);   
  
  
          linearLayout = (LinearLayout) this.findViewById(R.id.OriLayout);   
  
  
     
  
  
          togBtn.setOnCheckedChangeListener(new OnCheckedChangeListener() {   
  
  
              @Override   
  
  
              public void onCheckedChanged(CompoundButton buttonView,   
  
  
                      boolean isChecked) {   
  
  
                  //通过判断是否选中，来设置LinearLayout的横向纵向排列   
  
  
                  if (isChecked) {   
  
  
                      linearLayout.setOrientation(1);   
  
  
                  } else {   
  
  
                      linearLayout.setOrientation(0);   
  
  
                  }   
  
  
              }   
  
  
          });   
  
  
      }   
  
  
  }

实现效果：

[[81314]][[81315]]

总结

以上就讲解了一下CompoundButton抽象类下的三个实现控件类的使用，在Android-4.0之后，又新加入了一个控件Switch，对它的使用与之上介绍的三个控件类似，这里就不再详细讲解了。

转载于http://www.cnblogs.com/plokmju/archive/2013/07/22/android_UI_CompoundButton.html

分享名称：Android开发UI之Radio、Check、Toggle
标题URL：http://www.csdahua.cn/qtweb/news11/375661.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：快上网

成都快上网为您推荐相关内容