Android学习笔记(七)——CheckBox

Android小白,初次学习,笔记自用,敬请指正~
有帮助记得一键三连呀(点赞收藏关注)

一,学习内容:

1,基本使用<CheckBox/>
2,设置监听事件
2,如何自定义选择样式:先将自己想要使用的图标放到drawable文件夹下,然后通过background属性进行引用即可。
此内容比较简单,具体见下面完整代码(添加注释为了方便理解,运行时将xml中的//注释去掉)

二,效果演示:

Android学习笔记(七)——CheckBox_第1张图片

三,完整代码:

1,activity_main.xml

<Button
        android:id="@+id/btn_checkbox"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="CheckBox"
        android:textAllCaps="false"/> //文字是否设置大写

2,MainActivity.java

 	mBtnCheckBox = findViewById(R.id.btn_checkbox);
        mBtnCheckBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //跳转到RadioButton演示界面
                Intent intent = new Intent(MainActivity.this,mBtnCheckBoxActivity.class);
                startActivity(intent);
            }
        });

3,activity_check_box.xml


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp">

    <TextView
        android:id="@+id/tv_tittle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你会哪些移动开发?"
        android:textSize="20sp"
        android:textColor="#000000"/>
    <CheckBox
        android:id="@+id/cb_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Android"
        android:textSize="20sp"
        android:layout_below="@id/tv_tittle"
        android:layout_marginTop="10dp"/>
    <CheckBox
        android:id="@+id/cb_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="IOS"
        android:textSize="20sp"
        android:layout_below="@id/cb_1"/>
    <CheckBox
        android:id="@+id/cb_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="H5"
        android:textSize="20sp"
        android:layout_below="@id/cb_2"/>
    <CheckBox
        android:id="@+id/cb_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="其他"
        android:textSize="20sp"
        android:layout_below="@id/cb_3"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_below="@id/cb_4"
        android:layout_marginTop="20dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="你的兴趣:(自定义选中效果)"
            android:textSize="20sp"
            android:textColor="#000000"/>
        <CheckBox
            android:id="@+id/cb_5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="编程"
            android:textSize="20sp"
            android:layout_marginTop="10dp"
            android:button="@drawable/bg_checkbox"/>
        <CheckBox
            android:id="@+id/cb_6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="游戏"
            android:textSize="20sp"
            android:button="@drawable/bg_checkbox"/>
        <CheckBox
            android:id="@+id/cb_7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="做饭"
            android:textSize="20sp"
            android:button="@drawable/bg_checkbox"/>
    LinearLayout>



RelativeLayout>

4,CheckBoxActivity.java

package com.example.learning;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;

public class CheckBoxActivity extends AppCompatActivity {

    private CheckBox mCb5,mCb6,mCb7;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_check_box);

        mCb5 = findViewById(R.id.cb_5);
        mCb6 = findViewById(R.id.cb_6);
        mCb7 = findViewById(R.id.cb_7);
		//设置监听事件,选中或取消选中时进行文字提示(Toast.makeText())
        mCb5.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Toast.makeText(CheckBoxActivity.this,isChecked?"5选中":"5未选中",Toast.LENGTH_SHORT).show();
            }
        });
        mCb6.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Toast.makeText(CheckBoxActivity.this,isChecked?"6选中":"6未选中",Toast.LENGTH_SHORT).show();
            }
        });
        mCb7.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Toast.makeText(CheckBoxActivity.this,isChecked?"7未选中":"7未选中", Toast.LENGTH_SHORT).show();
            }
        });

    }
}

5,bg_checkbox.xml


<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false"
        android:drawable="@drawable/icon_unchecked"/>  //自定义设置未选中时的显示样式

    <item android:state_checked="true"
        android:drawable="@drawable/icon_checked"/>  //自定义设置选中时的显示样式
selector>

相关笔记直通车:

Android学习笔记(一)——LinearLayout
Android学习笔记(二)——RelativeLayout
Android学习笔记(三)——TextView
Android学习笔记(四)——Button
Android学习笔记(五)——EditView
Android学习笔记(六)——RadioButton

你可能感兴趣的:(Android学习笔记,android,移动开发,app)