Android实用视图动画及工具系列之四：多状态CheckBox，可设置大小尺寸和设置不可用的复选框

最新推荐文章于 2021-05-26 10:04:19 发布

Jaiky_杰哥

最新推荐文章于 2021-05-26 10:04:19 发布

阅读量1.1w

点赞数 8

分类专栏： Android Android实用视图及工具系列文章标签： CheckBox复选框不可用的复选框 Android复选框多状态CheckBox 设置大小尺寸CheckBox

本文链接：https://blog.csdn.net/jaikydota163/article/details/52098865

版权

Android 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

Android实用视图及工具系列

10 篇文章 178 订阅

订阅专栏

实现效果

功能说明

大家都知道在Android5.0以前，Android自带的checkbox不可以通过width和height设置宽高，只能通过切多张图和设置android:scaleX="0.5"，android:scaleY="0.5"来实现大小的缩放，这就是一个非常苦恼的问题。

恰好公司需要，需要Checkbox有不可点击状态，在这里就编写了这个简单的图片ImageCheckBox，适用于各种复选框的需要，主要实现了图片的选中状态(checked)，非选择状态(unchecked)，和禁用状态(disable)，适用于新手及新学习Android的码友们，老玩家当然也可以看看，这个还是挺简单挺实用的，在后面会简略介绍实现方法及源代码，同时博客的最后还提供源代码和图片等资源github下载地址。

其他系列文章推荐：

--------------------------------------------------------------------------------------------------------------------

Android实用视图动画及工具系列之一：简单的载入视图和载入动画：

http://blog.csdn.net/jaikydota163/article/details/52098833

Android实用视图动画及工具系列之二：Toast对话框和加载载入对话框：

http://blog.csdn.net/jaikydota163/article/details/52098841

Android实用视图动画及工具系列之三：表情加载动画和失败加载动画，人物加载动画：

http://blog.csdn.net/jaikydota163/article/details/52098851

--------------------------------------------------------------------------------------------------------------------

实现步骤

步骤一：添加需要的状态图片

在编写下面的代码前，我们需要三种图片，选中状态的图片checked，非选中unChecked，和禁用disable，如下面的几张图（其他图片资源在源代码内，需要的自行下载）：

Checked:

unchecked:

disable:

将所有图片导入到Android项目目录的drawable文件夹下：

步骤二：自定义CheckBox类，ImageCheckBox

新建类ImageCheckBox，代码如下，此类主要继承自ImageView，实现了图片的三种状态：

CHECK_STATE_DISABLED 状态，禁用
CHECK_STATE_UNCHECKED 状态，非选中

CHECK_STATE_CHECKED 状态，选中

package com.jaiky.test.statucheckbox;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;

/**
 * Author by Jaiky, Email jaikydota@163.com, Date on 5/21/2015.
 * PS: Not easy to write code, please indicate.
 */
public class ImageCheckBox extends ImageView {
    //状态，不能使用
    public static final int CHECK_STATE_DISABLED = 0;
    //为不选中状态
    public static final int CHECK_STATE_UNCHECKED = 1;
    //选中状态
    public static final int CHECK_STATE_CHECKED = 2;

    private int check_bkg_id;
    private int uncheck_bkg_id;
    private int disable_check_bkg_id;

    //当前状态
    private int checkState;

    public ImageCheckBox(Context context) {
        this(context, null);
    }

    public ImageCheckBox(Context context, AttributeSet attrs) {
        this(context, attrs, 0);

    }

    public ImageCheckBox(Context context, AttributeSet attrs,
                         int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(attrs);
    }

    private void init(AttributeSet attrs) {
        TypedArray t = getContext().obtainStyledAttributes(attrs,
                R.styleable.ImageCheckBox);
        checkState = t.getInteger(R.styleable.ImageCheckBox_checked_state,
                CHECK_STATE_UNCHECKED);
        check_bkg_id = t.getResourceId(
                R.styleable.ImageCheckBox_checked, 0);
        uncheck_bkg_id = t.getResourceId(
                R.styleable.ImageCheckBox_unchecked, 0);
        disable_check_bkg_id = t.getResourceId(
                R.styleable.ImageCheckBox_checked_disabled, 0);

        setBkgByCheckState();

        //如果可以点击
        if (isClickable()) {
            setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    changeState();
                }
            });
        }

        t.recycle();
    }

    public boolean isCheck(){
        if (checkState == CHECK_STATE_DISABLED) {
            return false;
        }

        if (checkState == CHECK_STATE_CHECKED) {
            return true;
        }
        else {
            return false;
        }
    }

    /**
     * 设置选中状态
     * @param check
     */
    public void setCheck(boolean check){
        if (checkState == CHECK_STATE_DISABLED) {
            return;
        }
        if (check) {
            checkState = CHECK_STATE_CHECKED;
        }
        else {
            checkState = CHECK_STATE_UNCHECKED;
        }
        setBkgByCheckState();
        notifyListner();
    }

    /**
     * 改变Check状态
     */
    public void changeState() {
        if (checkState == CHECK_STATE_DISABLED) {
            return;
        }

        if (checkState == CHECK_STATE_UNCHECKED) {
            checkState = CHECK_STATE_CHECKED;
        } else if (checkState == CHECK_STATE_CHECKED) {
            checkState = CHECK_STATE_UNCHECKED;
        }

        setBkgByCheckState();
        notifyListner();
    }

    public void setCheckDisabled() {
        this.checkState = CHECK_STATE_DISABLED;
        setBkgByCheckState();
    }

    private void setBkgByCheckState() {
        if (checkState == CHECK_STATE_UNCHECKED) {
            setImageResource(uncheck_bkg_id);
        }
        else if (checkState == CHECK_STATE_DISABLED) {
            setImageResource(disable_check_bkg_id);
        }
        else {
            setImageResource(check_bkg_id);
        }

    }

    public interface OnCheckStateChangedListener {
        public void onCheckStateChanged(boolean isChecked);
    }

    private OnCheckStateChangedListener listener;

    public void setOnCheckStateChangedListener(OnCheckStateChangedListener listener) {
        this.listener = listener;
    }

    private void notifyListner() {
        if (this.listener != null) {
            if (checkState == CHECK_STATE_UNCHECKED) {
                this.listener.onCheckStateChanged(false);
            } else if (checkState == CHECK_STATE_CHECKED) {
                this.listener.onCheckStateChanged(true);
            }
        }
    }
}

步骤三：Demo测试修改布局和主类

修改activity_main.xml内容如下（注意自定义控件包名）：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#bb000000"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.jaiky.test.statucheckbox.MainActivity">

    <com.jaiky.test.statucheckbox.ImageCheckBox
        android:id="@+id/cbSelect1"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:layout_gravity="center_vertical"
        android:clickable="true"
        custom:checked="@drawable/radiobutton_checked"
        custom:checked_state="1"
        custom:unchecked="@drawable/radiobutton_unchecked" />

    <com.jaiky.test.statucheckbox.ImageCheckBox
        android:id="@+id/cbSelect2"
        android:layout_toRightOf="@id/cbSelect1"
        android:layout_marginLeft="30dp"
        android:layout_width="35dp"
        android:layout_height="35dp"
        android:layout_gravity="center_vertical"
        android:clickable="true"
        custom:checked="@drawable/radiobutton_checked"
        custom:checked_state="1"
        custom:unchecked="@drawable/radiobutton_unchecked" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_below="@+id/cbSelect2"
        android:layout_marginTop="30dp">
        <com.jaiky.test.statucheckbox.ImageCheckBox
            android:id="@+id/cbSelect3"
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            custom:checked_disabled="@drawable/video_disabled"
            custom:checked="@drawable/video_play"
            custom:checked_state="1"
            custom:unchecked="@drawable/video_pause" />

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="30dp"
            android:text="视频按钮不可用"
            />
    </LinearLayout>

</RelativeLayout>

修改MainActiivty类内容如下（注意包名）：

package com.jaiky.test.statucheckbox;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    ImageCheckBox cbSelect1, cbSelect2, cbSelect3;
    Button btn1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        cbSelect1 = (ImageCheckBox) findViewById(R.id.cbSelect1);
        cbSelect2 = (ImageCheckBox) findViewById(R.id.cbSelect2);
        cbSelect3 = (ImageCheckBox) findViewById(R.id.cbSelect3);
        btn1 = (Button) findViewById(R.id.btn1);
        btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                cbSelect3.setCheckDisabled();
            }
        });
    }
}

--------------------------------------------------------------------------------------------------------------------

获取源代码及资源文件：

https://github.com/jaikydota/Android-StatuCheckBox

--------------------------------------------------------------------------------------------------------------------

声明

欢迎转载，但请保留文章原始出处
作者：Jaiky_杰哥
出处：http://blog.csdn.net/jaikydota163/article/details/52098865

Jaiky_杰哥

关注

8
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
Android实用视图动画及工具系列之四：多状态CheckBox，可设置大小尺寸和设置不可用的复选框

Android实用视图动画及工具系列之四：多状态CheckBox，可设置大小尺寸和设置不可用的复选框，大家都知道在Android5.0以前，Android自带的checkbox不可以通过width和height设置宽高，只能通过切多张图和设置android:scaleX="0.5"，android:scaleY="0.5"来实现大小的缩放，这就是一个非常苦恼的问题。恰好公司需要，需要Checkbox有不可点击状态，在这里就编写了这个简单的图片ImageCheckBox，适用于各种复选框的需要，主要实现了图
复制链接

扫一扫