Android Java 动态修改 CheckBox 样式-低调大师

Android Java 动态修改 CheckBox 样式

2018-06-06 598

      小菜一直在处理动态配置页面颜色方面的工作，包括各布局，各控件等，而小菜却在最常用最基本的 CheckBox 选项框这个控件却栽了跟头，折腾了好久，今天有机会总结整理一下。

      大家都很熟悉，xml 在很多时候大大节省了我们的开发时间，但 xml 里面配置的样式只有默认的，在动态修改方面还是要靠 Java/Kotlin 代码优化。基本上 xml 中可以配置的属性在 Java/Kotlin 代码中都有相对应的方法，然而小菜在对应使用 CheckBox 控件的 **android:buttonTint="@color/colorAccent"** 属性时，却不尽如人意，不仅在设置过程中需要版本大于21，更重要的是设置完之后并不起效果。小菜也查阅了不少资料，请教了几位大神，依旧没有解决问题。

      实在没办法，小菜决定放弃 CheckBox 转投 v7 包中的 AppCompatCheckBox，通过设置 setSupportButtonTintList 方法来动态修改选项框颜色。

![测试效果图.jpg](https://upload-images.jianshu.io/upload_images/6187924-3254c6a5eefc572a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

***

小菜的步骤如下：

1. 设置两个默认的 CheckBox 选中/未选中状态作为参照，如图中第一行；

2. 设置两个 AppCompatCheckBox 默认通过设置 style.xml 主题色配置，可实现与 CheckBox 效果一致，如图中第二行，但并非小菜想要的方式；

```

<item name="colorControlNormal">@color/avoscloud_feedback_text_gray</item>

<item name="colorControlActivated">@color/colorPrimary</item>

</style>

<item name="colorControlNormal">@color/avoscloud_feedback_text_gray</item>

<item name="colorControlActivated">@color/colorPrimaryDark</item>

</style>

```

3. 设置两个 AppCompatCheckBox 在 Java/Kotlin 代码中设置 setSupportButtonTintList 方法，但是在未选中状态下，选择框依旧是配置的主题色，与 CheckBox 默认的灰色不一致，如图中第三行，仍需优化；

```

accb.setSupportButtonTintList(ColorStateList.valueOf(getResources().getColor(R.color.colorAccent)));

```

4. 设置两个 AppCompatCheckBox 在 Java/Kotlin 代码中不仅设置 setSupportButtonTintList 方法，且监听 CompoundButton.OnCheckedChangeListener 方法，再监听选中和未选中状态中对选项框颜色做处理。

```Java

accb.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GRAY, Color.RED, Color.RED,Color.RED));

accb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton compoundButton, boolean b)

{

if(b){

accb.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.RED, Color.RED, Color.RED,Color.RED));

}else{

accb.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GRAY, Color.RED, Color.RED,Color.RED));

}

});

```

***

**Tips1：** 若 Java/Kotlin 代码与 style.xml 均设置样式，以 Java/Kotlin 代码样式为主。

**Tips2：** 在设置 setSupportButtonTintList 方法时，初始状态为选中时，颜色列表第一个应为配置的颜色值；若为未选中时，颜色列表第一个应为默认系统灰色。

```

// 工具类绘制不同状态的颜色

public class BitmapUtil {

/**

* 对TextView设置不同状态时其文字颜色

* @param normal

* @param pressed

* @param focused

* @param unable

* @return

*/

public static ColorStateList createColorStateList(int normal, int pressed, int focused, int unable) {

int[] colors = new int[] { pressed, focused, normal, focused, unable, normal };

int[][] states = new int[6][];

states[0] = new int[] { android.R.attr.state_pressed, android.R.attr.state_enabled };

states[1] = new int[] { android.R.attr.state_enabled, android.R.attr.state_focused };

states[2] = new int[] { android.R.attr.state_enabled };

states[3] = new int[] { android.R.attr.state_focused };

states[4] = new int[] { android.R.attr.state_window_focused };

states[5] = new int[] {};

ColorStateList colorList = new ColorStateList(states, colors);

return colorList;

}

```

// Java 对 AppCompatCheckBox 绘制颜色

public class CheckBoxActivity extends AppCompatActivity {

AppCompatCheckBox accb1, accb2, accb3, accb4, accb5, accb6;

TextView mTitleTv;

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_checkbox);

mTitleTv = (TextView) this.findViewById(R.id.tv_toolbar_title);

mTitleTv.setText("Java 动态修改 CheckBox 颜色");

accb1 = (AppCompatCheckBox) this.findViewById(R.id.accb1);

accb2 = (AppCompatCheckBox) this.findViewById(R.id.accb2);

accb3 = (AppCompatCheckBox) this.findViewById(R.id.accb3);

accb4 = (AppCompatCheckBox) this.findViewById(R.id.accb4);

accb5 = (AppCompatCheckBox) this.findViewById(R.id.accb5);

accb6 = (AppCompatCheckBox) this.findViewById(R.id.accb6);

accb3.setSupportButtonTintList(ColorStateList.valueOf(getResources().getColor(R.color.colorAccent)));

accb4.setSupportButtonTintList(ColorStateList.valueOf(Color.GREEN));

accb5.setSupportButtonTintList(BitmapUtil.createColorStateList(getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent)));

accb5.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton compoundButton, boolean b) {

if (b) {

accb5.setSupportButtonTintList(BitmapUtil.createColorStateList(getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent)));

} else {

accb5.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GRAY, getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent), getResources().getColor(R.color.colorAccent)));

}

});

accb6.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GRAY, Color.GREEN, Color.GREEN, Color.GREEN));

accb6.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton compoundButton, boolean b) {

if (b) {

accb6.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GREEN, Color.GREEN, Color.GREEN, Color.GREEN));

} else {

accb6.setSupportButtonTintList(BitmapUtil.createColorStateList(Color.GRAY, Color.GREEN, Color.GREEN, Color.GREEN));

}

});

}

```

// xml 布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingLeft="12dp"

android:paddingTop="12dp"

android:text="系统默认 CheckBox"

android:textColor="@color/colorAccent" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:padding="12dp">

<CheckBox

android:id="@+id/cb1"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="true"

android:text="默认已选中" />

<CheckBox

android:id="@+id/cb2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:checked="false"

android:text="默认未选中" />

</LinearLayout>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingLeft="12dp"

android:paddingTop="12dp"

android:text="AppCompatCheckBox style.xml 主题色配置"

android:textColor="@color/colorPrimary" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:padding="12dp">

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb1"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="true"

android:text="默认已选中"

android:theme="@style/MyCheckBox" />

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="false"

android:text="默认未选中"

android:theme="@style/MyCheckBox2" />

</LinearLayout>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingLeft="12dp"

android:paddingTop="12dp"

android:text="AppCompatCheckBox Java 代码颜色配置"

android:textColor="@color/colorAccent" />

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingLeft="12dp"

android:paddingTop="12dp"

android:text="但未选中状态中与系统灰色不一致，需修改" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:padding="12dp">

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb3"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="true"

android:text="默认已选中"

android:theme="@style/MyCheckBox" />

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb4"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="false"

android:text="默认未选中"

android:theme="@style/MyCheckBox" />

</LinearLayout>

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:paddingLeft="12dp"

android:paddingTop="12dp"

android:text="与系统默认的 CheckBox 样式基本一致" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

android:padding="12dp">

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb5"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="true"

android:text="默认已选中" />

<android.support.v7.widget.AppCompatCheckBox

android:id="@+id/accb6"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:checked="false"

android:text="默认未选中" />

</LinearLayout>

```

***

微信关注我们

原文链接：https://yq.aliyun.com/articles/633542

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

JSP+Servlet实现购物车功能

最近期末的JSP要交大作业，我选择的是做一个在线购物书店,实现登陆注册购物车结算的功能。一.项目总览以及使用的JS组件框架: 捕获.JPG 根据项目结构知道用的是DAO设计模式，然后使用了 JS组件库SUI,然后看看项目完成以后大概是这样. 引导页引导页.gif 注册注册.gif 登陆登陆.gif 图书列表图书列表 (1).gif 图书详情以及购物车图书详情以及购物车.gif 结算结算.gif 二.数据库设计以及代码实现 user_profile表:实现登陆注册 user_profile表.JPG book_details表:实现图书列表以及图书详情 book_details表.JPG payment表:实现结算 payment表.JPG 然后是代码:首先是根据数据库表生成的实体类: UserProfile: /* * To change this license header, choose License Headers in Project Properties. * To change this template file, choose Tools | Tem...

2018-06-07

600

2018高考第一天，第一批00后已经高考了！哇，时间过的是真快，一晃高考已是七年之前了！祝莘莘学子，高考加油！考得都会，蒙的都对！一、PrintStream PrintStream：打印字节流，只有输出流，没有输入流。作用：提供了对8种基本数据类型，以及String，以及对象的转换为字符串（PrintStream内部实现），然后写出去的方法。写入字符串并写入换行符的方法。特点： 1：只有输出流，没有输入流 2：PrintStream 永远不会抛出 IOException。 3：PrintStream 提供了自动刷新的功能。 System.out 就是PrintStream 的一个静态的实例。在系统启动的时候就初始化好了。对应着标准的输出设备，控制台。 System.in 是一个InputStream 的静态的实例。在系统启动的时候初始化好。对应着标准输入设备键盘。 System.err 就是PrintStream 的一个静态的实例，系统启动初始化。错误打印流，输出的内容为红色。 importjava.io.BufferedOutputStream; importjava...

2018-06-07

566

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。