CheckBox选择Or不选,是个问题!

CheckBox选择Or不选,是个问题!

前言

前面我们讲过了RadioButtonRadioGroup,利用单选按钮组的属性来实现仿微信底部Tab切换的效果。对比记忆一下,今天我们来讲解第二个类似的控件CheckBox,按照惯例先看下它的类继承关系如下:

public class CheckBox extends CompoundButton
java.lang.Object
   ↳ android.view.View
 	   ↳ android.widget.TextView
 	 	   ↳ android.widget.Button
 	 	 	   ↳ android.widget.CompoundButton
 	 	 	 	   ↳ android.widget.CheckBox

我们发现CheckBoxRadioButton有相同的继承关系,所以CheckBox也是一个具有选中效果的控件,通常我们称它为**复选框**。

基本使用

先来展示一段代码,展示下效果。



	
    

    

这里我们使用了前面博文内容讲到的ConstraintLayout,实现了CheckBox和TextView一起居中整个父布局的效果。如果你还不是很熟悉这个约束布局如何使用,可以查看之前博文内容《布局"大杀器"—ConstraintLayout》

实现效果如图所示:

CheckBox选择Or不选,是个问题!_第1张图片

这里默认设置CheckBoxchecked属性为true,则表示默认选中,那么在页面中如何获取这个控件是否被选中呢?当然是通过设置监听器,这里附上代码:

/**
 * 演示CheckBox等用法
 *
 * @author xmkh
 */
public class CheckActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_check);
        CheckBox cbHobby = findViewById(R.id.cb_hobby);
        final TextView tvHobby = findViewById(R.id.tv_hobby);
        //设置复选框的勾选状态监听器
        cbHobby.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
                tvHobby.setText(isChecked ? "已选中" : "未选中");
            }
        });
    }
}

实现效果如图所示:

CheckBox选择Or不选,是个问题!_第2张图片

实践

实际效果中,我们一般不会使用自带的样式,同样的我们参照RadioButton的方式来给它设置一个UI样式。通常在注册界面总会看到是否同意《用户注册协议》的复选框,如果要实现下图的样式,我们怎么做呢?

img

我们来仿照这个效果实现一下界面布局。

我们准备选中和未选中2个图片ic_login_agreement_check.pngic_login_agreement_uncheck.png

res/drawable/文件夹下新建一个样式文件,selector_cb_login_agreement.xml, 附上样式文件代码



 
 

设置CheckBoxButton样式,完整代码如下:



	
    

    

最终实现效果如图所示:

CheckBox选择Or不选,是个问题!_第3张图片

结语

今天我们的CheckBox分享就到此结束啦,希望各位小伙伴在学习Android基础控件的时候,能够举一反三,多思考、多练习。坚持下去,相信你一定会从小白变成大牛的!欢迎关注我们WXGZH:下码看花~

转载于:https://my.oschina.net/u/4172936/blog/3098039

你可能感兴趣的:(CheckBox选择Or不选,是个问题!)