中级控件——复选框CheckBox——自定义控件CheckBox

男娘i 2023-09-28 14:26 461阅读 0赞

使用有自定义图标的CheckBox：

![3eb4d4df1587792d7348faaeb51e4a15.png][]

Button按钮的背景在正常情况下是凸起的，在按下时是凹陷的，从按下到弹起的过程，用户便能知道点击了这个按钮。

在项目中创建状态图形的XML文件，则需右击drawable目录，然后在右键菜单中依次选择New→Drawable resource file，即可自动生成一个空的XML文件。

下面是一个状态列表图形的drawable文件：

===================================================================================

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true" android:drawable="@drawable/check_choose"/>
        <item android:drawable="@drawable/check_unchoose"/>
    </selector>

![d925d47f5d85dc6d511d2bece864ebbe.png][]

![be42404360732eb10115a61fb4a47d36.png][]

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.content.pm.ActivityInfo;
    import android.content.pm.PackageManager;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.TextView;
    import android.widget.Toast;
    
    @SuppressLint("DefaultLocale")
    // 该页面实现了接口OnCheckedChangeListener，意味着要重写勾选监听器的onCheckedChanged方法
    public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener
    {
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
    
            // 从布局文件中获取名叫ck_system的复选框
            CheckBox ck_system = findViewById(R.id.ck_system);
    
            // 从布局文件中获取名叫ck_custom的复选框
            CheckBox ck_custom = findViewById(R.id.ck_custom);
    
            // 给ck_system设置勾选监听器，一旦用户点击复选框，就触发监听器的onCheckedChanged方法
            ck_system.setOnCheckedChangeListener(this);
    
            // 给ck_custom设置勾选监听器，一旦用户点击复选框，就触发监听器的onCheckedChanged方法
            ck_custom.setOnCheckedChangeListener(this);
    
        }
    
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked)
        {
            String desc = String.format("您%s了这个CheckBox", isChecked ? "勾选" : "取消勾选");
            buttonView.setText(desc);
        }
    
    
    
    }

![921899103b3dd25db15c778d465a0331.png][]

![dedeee3ce5f063b885e50137a0d482fb.png][]

![8282bedea16679f19471d2b10e937da3.png][]

![2177196724d727b0c5731ea8f33a99f9.png][]

![c6e9f8c447cd38edb1e7d47c2f6cfa18.png][]

![31a000da9b46c2d637c60508396cecce.png][]

![352ea384a922d923b4d18ff3593280ce.png][]

![31d99d6f31f458cc69f9012d47d9298b.png][]

![000810796596dcce0a3de315f27c476d.png][]

[3eb4d4df1587792d7348faaeb51e4a15.png]: https://img-blog.csdnimg.cn/img_convert/3eb4d4df1587792d7348faaeb51e4a15.png
[d925d47f5d85dc6d511d2bece864ebbe.png]: https://img-blog.csdnimg.cn/img_convert/d925d47f5d85dc6d511d2bece864ebbe.png
[be42404360732eb10115a61fb4a47d36.png]: https://img-blog.csdnimg.cn/img_convert/be42404360732eb10115a61fb4a47d36.png
[921899103b3dd25db15c778d465a0331.png]: https://img-blog.csdnimg.cn/img_convert/921899103b3dd25db15c778d465a0331.png
[dedeee3ce5f063b885e50137a0d482fb.png]: https://img-blog.csdnimg.cn/img_convert/dedeee3ce5f063b885e50137a0d482fb.png
[8282bedea16679f19471d2b10e937da3.png]: https://img-blog.csdnimg.cn/img_convert/8282bedea16679f19471d2b10e937da3.png
[2177196724d727b0c5731ea8f33a99f9.png]: https://img-blog.csdnimg.cn/img_convert/2177196724d727b0c5731ea8f33a99f9.png
[c6e9f8c447cd38edb1e7d47c2f6cfa18.png]: https://img-blog.csdnimg.cn/img_convert/c6e9f8c447cd38edb1e7d47c2f6cfa18.png
[31a000da9b46c2d637c60508396cecce.png]: https://img-blog.csdnimg.cn/img_convert/31a000da9b46c2d637c60508396cecce.png
[352ea384a922d923b4d18ff3593280ce.png]: https://img-blog.csdnimg.cn/img_convert/352ea384a922d923b4d18ff3593280ce.png
[31d99d6f31f458cc69f9012d47d9298b.png]: https://img-blog.csdnimg.cn/img_convert/31d99d6f31f458cc69f9012d47d9298b.png
[000810796596dcce0a3de315f27c476d.png]: https://img-blog.csdnimg.cn/img_convert/000810796596dcce0a3de315f27c476d.png