Android基础知识43.5RadioButton(单选按钮)Checkbox(复选框)详解

一、RadioButton&＃xff08;单选按钮&＃xff09;

1.1、简介

        RadioButton表示单选按钮&＃xff0c;是button的子类&＃xff0c;每一个按钮都有选择和未选中两种状态&＃xff0c;经常与RadioGroup一起使用&＃xff0c;否则不能实现其单选功能。RadioGroup继承自LinearLayout&＃xff0c;可以使用Orientation属性控制RadioButton的排列方向。单项选择相信大家都不陌生吧。Android平台也提供了单项选择的组件&＃xff0c;可以通过RadioGroup、RadioButton组合起来完成一个单项选择的效果。

1.2、基本用法与事件处理

        如题单选按钮&＃xff0c;就是只能够选中一个&＃xff0c;所以我们需要把RadioButton放到RadioGroup按钮组中&＃xff0c;从而实现 单选功能&＃xff01;先熟悉下如何使用RadioButton&＃xff0c;一个简单的性别选择的例子&＃xff1a; 另外我们可以为外层RadioGroup设置orientation属性然后设置RadioButton的排列方式&＃xff0c;是竖直&＃xff08;android:orientation&＃61;"vertical"&＃xff09;还是水平&＃xff08;&＃xff08;android:orientation&＃61;"horizontal"&＃xff09;&＃xff01;

 1.2.1、获得选中的值有四种方式&＃xff1a;

&＃xff08;1&＃xff09;、为RadioButton在xml中设置一个事件监听器

XML&＃xff1a;

android:onClick&＃61;"btnRadioButton1"android:text&＃61;"男"android:textSize&＃61;"30dp"/>android:onClick&＃61;"btnRadioButton2"android:text&＃61;"女"android:textSize&＃61;"30dp"/>

Activity&＃xff1a;

public class MainActivity extends AppCompatActivity {private RadioButton radioButton1;private RadioButton radioButton2;private TextView textView;&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_main);radioButton1 &＃61; findViewById(R.id.radiobutton1);radioButton2 &＃61; findViewById(R.id.radiobutton2);textView &＃61; findViewById(R.id.textview);}public void btnRadioButton1(View view) {textView.setText("您的性别为男");}public void btnRadioButton2(View view) {textView.setText("您的性别为女");}
}

效果图&＃xff1a;

&＃xff08;2&＃xff09;、为RadioButton设置一个事件监听器setOnCheckChangeListener

XML&＃xff1a;

Activity&＃xff1a;

public class MainActivity extends AppCompatActivity {private RadioGroup mBtnRadioGroup;private TextView textView;&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_main);mBtnRadioGroup &＃61; findViewById(R.id.radiogroup);textView &＃61; findViewById(R.id.textview);mBtnRadioGroup.setOnCheckedChangeListener(new         RadioGroup.OnCheckedChangeListener() {&＃64;Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {RadioButton radbtn &＃61; findViewById(checkedId);textView.setText("按钮组值发生改变,你选了" &＃43; radbtn.getText());}});}
}

效果图&＃xff1a;

注意&＃xff1a;另外有一点要切记&＃xff0c;要为每个RadioButton添加一个id&＃xff0c;不然单选功能会生效&＃xff01;&＃xff01;&＃xff01;

&＃xff08;3&＃xff09;、是判断被点击的id是哪一个单选按钮的id&＃xff0c;通过id去获取值

XML与效果图同上

Activity&＃xff1a;

public class MainActivity extends AppCompatActivity {private RadioGroup mBtnRadioGroup;private TextView textView;&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_main);mBtnRadioGroup &＃61; findViewById(R.id.radiogroup);textView &＃61; findViewById(R.id.textview);mBtnRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {&＃64;Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {switch (checkedId) {case R.id.radiobutton1:textView.setText("按钮组值发生改变,你选了男");break;case R.id.radiobutton2:textView.setText("按钮组值发生改变,你选了女");break;default:break;}}});}
}

&＃xff08;4&＃xff09;、是通过单击其他按钮获取选中单选按钮的值&＃xff0c;当然我们也可以直接获取&＃xff0c;这个看需求~

XML:

Activity:

public class MainActivity extends AppCompatActivity {private RadioGroup mBtnRadioGroup;private TextView textView;private Button mBtnSumit;&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_main);mBtnRadioGroup &＃61; findViewById(R.id.radiogroup);mBtnSumit &＃61; findViewById(R.id.btn_sumit);textView &＃61; findViewById(R.id.textview);mBtnSumit.setOnClickListener(new View.OnClickListener() {&＃64;Overridepublic void onClick(View v) {for (int i &＃61; 0; i }

效果图&＃xff1a;

代码解析&＃xff1a; 这里我们为提交按钮设置了一个setOnClickListener事件监听器,每次点击的话遍历一次RadioGroup判断哪个按钮被选中我们可以通过下述方法获得RadioButton的相关信息。

• getChildCount( )获得按钮组中的单选按钮的数目&＃xff1b;
• getChinldAt(i):根据索引值获取我们的单选按钮
• isChecked( ):判断按钮是否选中

二、Checkbox&＃xff08;复选框&＃xff09;

2.1、简介

        CheckBox一般用来提供给用户输入信息的组件,可以一次选择多个选项.这个组件解决了不是很方便的手机屏幕操作输入时.用选择组件供用户单击输入选项,显得非常有用。它是Button的子类&＃xff0c;用于实现多选功能。每个复选框都有“选中”和“未选中”两种状态&＃xff0c;这两种状态时通过andorid:checked属性指定的&＃xff0c;当该属性的值为true时表示选中状态。

2.2、示例

效果图&＃xff1a;

XML&＃xff1a;

Activity&＃xff1a;

public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener {private TextView mTextViewEnd;private CheckBox mCheckBox01, mCheckBox02, mCheckBox03, mCheckBox04;private String checkString &＃61; "";&＃64;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_view_main);mTextViewEnd &＃61; findViewById(R.id.textView_end);mCheckBox01 &＃61; findViewById(R.id.checkBox1);mCheckBox02 &＃61; findViewById(R.id.checkBox2);mCheckBox03 &＃61; findViewById(R.id.checkBox3);mCheckBox04 &＃61; findViewById(R.id.checkBox4);checkString &＃61; "你选择的爱好有&＃xff1a;";mCheckBox01.setOnCheckedChangeListener(this);mCheckBox02.setOnCheckedChangeListener(this);mCheckBox03.setOnCheckedChangeListener(this);mCheckBox04.setOnCheckedChangeListener(this);}&＃64;Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {String hobby &＃61; buttonView.getText().toString();if (isChecked) {if (!checkString.contains(hobby)) {checkString &＃43;&＃61; hobby;mTextViewEnd.setText(checkString);}} else {if (checkString.contains(hobby)) {checkString &＃61; checkString.replace(hobby, "");mTextViewEnd.setText(checkString);}}}
}

同样&＃xff1a;

    复选框&＃xff0c;即可以同时选中多个选项&＃xff0c;至于获得选中的值&＃xff0c;同样有三种方式&＃xff1a;

• 1.为每个CheckBox添加事件&＃xff1a;setOnCheckedChangeListener&＃xff1b;

• 2.弄一个按钮&＃xff0c;在点击后&＃xff0c;对每个checkbox进行判断:isChecked()&＃xff1b;

• 3.对选中的按钮id进行判断。

2.3、自定义点击效果

        虽然5.0后的RadioButton和Checkbox都比旧版本稍微好看了点&＃xff0c;但是对于我们来说 可能还是不喜欢或者需求&＃xff0c;需要自己点击效果&＃xff01;实现起来很简单&＃xff0c;先编写一个自定义 的selctor资源&＃xff0c;设置选中与没选中时的切换图片~

效果图&＃xff1a;

自定义复选框选中与未选中背景资源rad_btn_selctor&＃xff1a;

 

            android:state_enabled&＃61;"true"
        android:state_checked&＃61;"true"
        android:drawable&＃61;"&＃64;mipmap/ic_checkbox_checked"/>
            android:state_enabled&＃61;"true"
        android:state_checked&＃61;"false"
        android:drawable&＃61;"&＃64;mipmap/ic_checkbox_normal" />

写好后&＃xff0c;我们有两种方法设置&＃xff0c;也可以说一种吧&＃xff01;你看看就知道了~

①android:button属性设置为上述的selctor

android:button&＃61;"&＃64;drawable/rad_btn_selctor"

②在style中定义一个属性&＃xff0c;然后通过android style属性设置&＃xff0c;先往style添加下述代码&＃xff1a;

最后布局那里:

style&＃61;"&＃64;style/MyCheckBox"
 

2.4、改变文字与选择框的相对位置

        这个实现起来也很简单&＃xff0c;还记得我们之前学TextView的时候用到的drawableXxx吗&＃xff1f; 要控制选择框的位置&＃xff0c;两部即可&＃xff01;设置&＃xff1a;

Step 1. android:button&＃61;"&＃64;null"
Step 2. android:drawableTop&＃61;"&＃64;android:drawable/btn_radio"
当然我们可以把drawableXxx替换成自己喜欢的效果&＃xff01;

2.5、修改文字与选择框的距离

        有时&＃xff0c;我们可能需要调节文字与选择框之间的距离&＃xff0c;让他们看起来稍微没那么挤&＃xff0c;我们可以&＃xff1a;
1.在XML代码中控制&＃xff1a; 使用android:paddingXxx &＃61; “xxx” 来控制距离
2.在Java代码中&＃xff0c;稍微好一点&＃xff0c;动态计算paddingLeft!

rb.setButtonDrawable(R.drawable.rad_btn_selctor);
int rb_paddingLeft &＃61; getResources().getDrawable(R.mipmap.ic_checkbox_checked).getIntrinsicWidth()&＃43;5; 
rb.setPadding(rb_paddingLeft, 0, 0, 0);