Android开发CompoundButton抽象类控件类的使用UI之Radio、Check、Toggle

Android开发CompoundButton抽象类控件类的使用UI之Radio、Check、Toggle本篇文章就讲解了一下CompoundButton抽象类下的三个实现控件类的使用,在Android4.0之后,又新加入了一个控Switch,对它的使用与之上介绍的三个控件类似,这里就不再详细讲解了。前言这篇文章讲解一下Android平台下,RadioButton、CheckBox以及ToggleButton三个控件的用法,因为这三个控件之中都存在一个选中或是没选中的状态,所以

本篇文章就讲解了一下CompoundButton抽象类下的三个实现控件类的使用,在Android4.0之后,又新加入了一个控Switch,对它的 使用与之上介绍的三个控件类似,这里就不再详细讲解了。



前言

这篇文章讲解一下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,用于定义性别信息,当用户选中了某个后,点击按钮,把选中的信息提 示到屏幕上。

布局代码:

<?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="Gender:" />     <!-- 定义一个RadioGroup用于包装RadioButton -->     <RadioGroup         android:id="@+id/gender"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >          <RadioButton             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="male" />          <RadioButton             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="female" />     </RadioGroup>      <Button         android:id="@+id/btnGender"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="选择性别" />  </LinearLayout> 

实现代码:

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中动态增加控件一般有两种方式:

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

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

布局代码:

<?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"      android:id="@+id/checkLayout">     <!-- 这里只是定义了一个按钮,其他的CheckBox控件在代码中动态添加 -->     <Button         android:id="@+id/checkBtn"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="确定" /> </LinearLayout> 

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

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


  1. 实现代码:
  2. 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<CheckBox> checkBoxs = new ArrayList<CheckBox>(); 
        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);             
            } 
        } 
    } 
    

  1. 实现效果

\\

ToggleButton

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

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

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

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

布局代码:

<?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" >      <ToggleButton         android:id="@+id/togBtn"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:checked="true"        android:textOff="横向排列"        android:textOn="纵向排列" />      <LinearLayout         android:id="@+id/OriLayout"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical" >          <Button             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="btn1" />          <Button             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="btn2" />          <Button             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="btn3" />     </LinearLayout>  </LinearLayout> 

实现代码:

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

实现效果:

\\

总结

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/38213.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注