CheckBox和RadioButton

CheckBox

CheckBox是复选框列表。
使用CheckBox步骤如下:

  1. 在xml中添加元素CheckBox;
  2. 在元素CheckBox中添加属性android:onClick;
  3. 在对应的activity中实现对应的方法并相应。

xml的代码如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <CheckBox
        android:id="@+id/city_nj"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="clickCheckboxes"
        android:text="南京"
        />
    <CheckBox
        android:id="@+id/city_bj"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/city_nj"
        android:onClick="clickCheckboxes"
        android:text="北京"
        />
    <CheckBox
        android:id="@+id/city_sh"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/city_bj"
        android:onClick="clickCheckboxes"
        android:text="上海"
        />

</RelativeLayout>

注意:需为每一个CheckBox设置属性android:onClick。

对应activity中的代码如下:

package com.example.sywyg.checkboxes_radiobutton_test;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.CheckBox;
import android.widget.Toast;

/**CheckBox练习,注意代码中的注释内容
 * @author sywyg
 * @time 2015/4/7
 */

public class MainActivity extends ActionBarActivity {
    private CheckBox cb_nj;
    private CheckBox cb_bj;
    private CheckBox cb_sh;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        cb_nj = (CheckBox)findViewById(R.id.city_nj);
        cb_bj = (CheckBox)findViewById(R.id.city_bj);
        cb_sh = (CheckBox)findViewById(R.id.city_sh);
    }
    //相应事件的方法必须是public修饰,返回类型为void,仅有一个参数(被点击的CheckBox,这里用View)
    public void clickCheckboxes(View view){
        //判断是选中,还是放弃选择
        boolean checked = ((CheckBox)view).isChecked();
        //可以通过setChecked()设置默认选择情况
        switch (view.getId()){
            case R.id.city_nj:
                if(checked){
                    Toast.makeText(this,"您选择了:" + cb_nj.getText().toString(),Toast.LENGTH_SHORT).show();
                }else{
                    Toast.makeText(this,"您放弃选择:" + cb_nj.getText().toString(),Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.city_bj:
                if(checked){
                    Toast.makeText(this,"您选择了:" + cb_bj.getText().toString(),Toast.LENGTH_SHORT).show();

                }else{
                    Toast.makeText(this,"您放弃选择:" + cb_bj.getText().toString(),Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.city_sh:
                if(checked){
                    Toast.makeText(this,"您选择了:" + cb_sh.getText().toString(),Toast.LENGTH_SHORT).show();

                }else{
                    Toast.makeText(this,"您放弃选择:" + cb_sh.getText().toString(),Toast.LENGTH_SHORT).show();
                }
                break;
        }
    }
}

结果演示:

checkboxes演示

当然可以通过自定义设置框框和文本内容,例如android文档中的图片:
图片
是通过TextView和CheckBox(文本内容为空)组合实现的。

RadioButton

RadioButton是单选按钮,用户只能从一组选项当中选择一个。对于每个选项可以并排(都显示出来),或者通过spinner控制选项。
步骤和CheckBox一样,这里直接上代码:

xml代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
    <RadioGroup
        android:id="@+id/rd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
        <RadioButton
            android:id="@+id/rb1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="clickRadioButton"
            android:text="Yes"
            />
        <RadioButton
            android:id="@+id/rb2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="clickRadioButton"
            android:text="cen"
            />
        <RadioButton
            android:id="@+id/rb3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="clickRadioButton"
            android:text="No"
            />
    </RadioGroup>
</RelativeLayout>

注意:RadioGroup是LinearLayout子类,需要指定属性android:orientation值。

activity代码:

package com.example.sywyg.checkboxes_radiobutton_test;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.RadioButton;
import android.widget.Toast;

/**RadioButton练习,注意注释
 * @author sywyg
 * @time 2015/4/7
 */

public class MainActivity extends ActionBarActivity {
    private RadioButton rb_yes;
    private RadioButton rb_cen;
    private RadioButton rb_no;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rb_yes = (RadioButton)findViewById(R.id.rb1);
        rb_cen = (RadioButton)findViewById(R.id.rb2);
        rb_no = (RadioButton)findViewById(R.id.rb3);
        //设置默认选项
        rb_yes.setChecked(true);
    }
    //响应事件
    public void clickRadioButton(View view){
        boolean checked = ((RadioButton)view).isChecked();
        if(checked){
            //这里换一种方式,不用switch了
               Toast.makeText(this, "您选择了:" + ((RadioButton)view).getText().toString(), Toast.LENGTH_SHORT).show();
            }
    }
}

结果演示:

RadioButton演示

遇到的问题:

  1. 在xml中不会提示你写的根元素是否出错,这点记住;
  2. 在遇到bug时,首先看准(务必仔细看)DDMS中提示哪错了,在代码中找到提示的错误地方,仔细检查。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值