292

如何更改CheckBoxAndroid 中的默认颜色？
默认情况下CheckBox颜色是绿色，我想改变这个颜色。
如果不可能，请告诉我如何定制CheckBox？

4

25 回答 25

408

您可以直接在 XML 中更改颜色。用于buttonTint盒子：（从 API 级别 23 开始）

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:buttonTint="@color/CHECK_COLOR" />

您也可以使用appCompatCheckbox v7较旧的 API 级别执行此操作：

<android.support.v7.widget.AppCompatCheckBox 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:buttonTint="@color/COLOR_HERE" />
于 2015-11-20T19:21:54.143 回答
268

如果您minSdkVersion是 21+ 使用android:buttonTint属性来更新复选框的颜色：

<CheckBox
  ...
  android:buttonTint="@color/tint_color" />

在使用 AppCompat 库并支持低于 21 的 Android 版本的项目中，您可以使用该buttonTint属性的兼容版本：

<CheckBox
  ...
  app:buttonTint="@color/tint_color" />

在这种情况下，如果你想继承 aCheckBox不要忘记使用它AppCompatCheckBox。

以前的答案：

您可以使用属性更改CheckBoxs drawable 。android:button="@drawable/your_check_drawable"

于 2011-05-02T06:33:32.330 回答
147

您可以设置复选框的 android 主题以在您的 styles.xml 添加您想要的颜色：

<style name="checkBoxStyle" parent="Base.Theme.AppCompat">
    <item name="colorAccent">CHECKEDHIGHLIGHTCOLOR</item>
    <item name="android:textColorSecondary">UNCHECKEDCOLOR</item>
</style>

然后在您的布局文件中：

<CheckBox
     android:theme="@style/checkBoxStyle"
     android:id="@+id/chooseItemCheckBox"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"/>

不像使用android:buttonTint="@color/CHECK_COLOR"这种方法在 Api 23 下工作

于 2016-04-14T23:44:16.737 回答
63

用于buttonTint更改 21+ api 版本的按钮和颜色选择器的颜色。 

<android.support.v7.widget.AppCompatCheckBox
                android:id="@+id/check"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:buttonTint="@color/checkbox_filter_tint"
                tools:targetApi="21"/>

res/colors/checkbox_filter_tint.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/light_gray_checkbox"
          android:state_checked="false"/>
    <item android:color="@color/common_red"
          android:state_checked="true"/>
</selector>
于 2017-09-27T13:17:37.083 回答
51

程序化版本：

int states[][] = {{android.R.attr.state_checked}, {}};
int colors[] = {color_for_state_checked, color_for_state_normal}
CompoundButtonCompat.setButtonTintList(checkbox, new ColorStateList(states, colors));
于 2016-09-07T17:18:32.213 回答
20

我建议在 android 中使用 he style 方法作为配置内置 android 视图的方式，在您的项目中添加新样式：

<style name="yourStyle" parent="Base.Theme.AppCompat">
    <item name="colorAccent">your_color</item> <!-- for uncheck state -->
    <item name="android:textColorSecondary">your color</item> <!-- for check state -->
</style>

并将此样式添加到复选框的主题： android:theme="@style/youStyle"

希望这可以帮助。

于 2017-01-30T12:21:22.527 回答
17

在您的 xml 中添加 buttonTint

<CheckBox
      android:id="@+id/chk_remember_signup"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:buttonTint="@android:color/white"
      android:text="@string/hint_chk_remember_me" />
于 2016-07-29T12:27:53.467 回答
11

styles.xml在你的文件中添加这一行：

<style>
    <item name="android:colorAccent">@android:color/holo_green_dark</item>
</style>
于 2015-07-11T07:02:33.017 回答
8

我遇到了同样的问题，我使用以下技术得到了解决方案。将btn_check.xmlfrom复制android-sdk/platforms/android-#(version)/data/res/drawable到项目的可绘制文件夹并将“打开”和“关闭”图像状态更改为您的自定义图像。
然后你的xml只需要android:button="@drawable/btn_check"

<CheckBox
    android:button="@drawable/btn_check"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true" />

如果要使用不同的默认 Android 图标，可以使用：

android:button="@android:drawable/..."
于 2013-07-16T09:53:58.583 回答
8

buttonTint 为我工作尝试

android:buttonTint="@color/white"

<CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:id="@+id/agreeCheckBox"
    android:text="@string/i_agree_to_terms_s"
    android:buttonTint="@color/white"
    android:layout_below="@+id/avoid_spam_text"/>
于 2018-07-05T10:50:53.207 回答
6

Drawable resource file在下面创建一个 xmlres->drawable并为其命名，例如，checkbox_custom_01.xml

<?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/checkbox_custom_01_checked_white_green_32" />
  <item 
   android:state_checked="false" 
   android:drawable="@drawable/checkbox_custom_01_unchecked_gray_32" />
</selector>

将您的自定义复选框图像文件（我推荐 png）上传到您的res->drawable文件夹。

然后进入您的布局文件并将您的复选框更改为

<CheckBox
    android:id="@+id/checkBox1"
    android:button="@drawable/checkbox_custom_01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:focusable="false"
    android:focusableInTouchMode="false"
    android:text="CheckBox"
    android:textSize="32dip"/>

您可以自定义任何内容，只要android:button指向您之前创建的正确 XML 文件。

新手注意：虽然这不是强制性的，但在整个布局树中使用唯一的 id 命名复选框是一种很好的做法。

于 2016-10-19T11:35:36.560 回答
5

checkbox您可以使用单行代码更改颜色

android:buttonTint="@color/app_color" //whatever color

于 2018-08-18T06:14:39.087 回答
5

100% 稳健的方法。

就我而言，我无权访问 XML 布局源文件，因为我从 3-rd 方 MaterialDialog 库中获得了 Checkbox。所以我必须以编程方式解决这个问题。

  1. 在 xml 中创建一个 ColorStateList：

res/color/ checkbox_tinit_dark_theme.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/white"
        android:state_checked="false"/>
    <item android:color="@color/positiveButtonBg"
        android:state_checked="true"/>
</selector>

  1. 然后将其应用于复选框：

    ColorStateList darkStateList = ContextCompat.getColorStateList(getContext(), R.color.checkbox_tint_dark_theme);
CompoundButtonCompat.setButtonTintList(checkbox, darkStateList);

PS 此外，如果有人感兴趣，您可以通过以下方式从 MaterialDialog 对话框中获取您的复选框（如果您使用 设置它.checkBoxPromptRes(...)）：

CheckBox checkbox = (CheckBox) dialog.getView().findViewById(R.id.md_promptCheckbox);

希望这可以帮助。

于 2018-10-22T12:02:41.313 回答
5

如果 textColorSecondary 不适合您，您可能在主题中将 colorControlNormal 定义为不同的颜色。如果是这样，只需使用

<style name="yourStyle" parent="Base.Theme.AppCompat">
    <item name="colorAccent">your_checked_color</item> <!-- for checked state -->
    <item name="colorControlNormal">your_unchecked_color</item> <!-- for unchecked state -->
</style>
于 2020-11-12T05:14:11.887 回答
4

大多数答案都通过 xml 文件。如果您找到大多数 Android 版本的有效答案，并且两种状态只有一种颜色检查一个取消检查：这是我的解决方案：

科特林：

val colorFilter = PorterDuffColorFilter(Color.CYAN, PorterDuff.Mode.SRC_ATOP)
CompoundButtonCompat.getButtonDrawable(checkBox)?.colorFilter = colorFilter

爪哇：

ColorFilter colorFilter = new PorterDuffColorFilter(Color.CYAN, PorterDuff.Mode.SRC_ATOP);
Drawable drawable = CompoundButtonCompat.getButtonDrawable(checkBox);
if (drawable != null) {
    drawable.setColorFilter(colorFilter);
}
于 2019-11-18T03:55:01.333 回答
3

您可以在“colors.xml”中使用以下两个属性

<color name="colorControlNormal">#eeeeee</color>
<color name="colorControlActivated">#eeeeee</color>

colorControlNormal 用于复选框的普通视图，colorControlActivated 用于复选框被选中时。

于 2017-07-01T04:49:09.503 回答
3

嗨，这是深色主题和浅色主题的主题代码。

<attr name="buttonsearch_picture" format="reference"/>
<attr name="buttonrefresh_picture" format="reference"/>

<style name="Theme.Light" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@color/white</item>
    <item name="android:windowActionBar">false</item>
    <item name="android:textColorPrimary">@color/black</item>
    <item name="android:textColorSecondary">@color/black</item>
    <item name="android:textColor">@color/material_gray_800</item>
    <item name="actionOverflowButtonStyle">@style/LightOverflowButtonStyle</item>
    <item name="buttonsearch_picture">@drawable/ic_search_black</item>
    <item name="buttonrefresh_picture">@drawable/ic_refresh_black</item>
</style>

<style name="Theme.Dark" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@color/white</item>
    <item name="android:windowActionBar">false</item>
    <item name="android:textColorPrimary">@color/white</item>
    <item name="android:textColorSecondary">@color/material_gray_500</item>
    <item name="android:textColor">@color/material_gray_800</item>
    <item name="actionOverflowButtonStyle">@style/DarkOverflowButtonStyle</item>
    <item name="buttonsearch_picture">@drawable/ic_search_white</item>
    <item name="buttonrefresh_picture">@drawable/ic_refresh_white</item>
    <item name="android:colorBackground">#ffffff</item>
    <item name="android:alertDialogTheme">@style/LightDialogTheme</item>
    <item name="android:alertDialogStyle">@style/LightDialogTheme</item>
  <!-- <item name="android:textViewStyle">@style/AppTheme.Widget.TextView</item>-->
    <item name="android:popupMenuStyle">@style/PopupMenu</item>
</style>

如果要更改复选框颜色，则“colorAccent”属性将用于选中状态，“android:textColorSecondary”将用于取消选中状态。

“actionOverflowButtonStyle”将用于更改操作栏中溢出图标的颜色。

“buttonsearch_picture”属性将用于更改操作栏中操作按钮的色调颜色。这是 style.xml 中的自定义属性

<attr name="buttonsearch_picture" format="reference"/>

我在我的应用程序中使用的刷新按钮也是如此。

“android:popupMenuStyle”属性用于获取深色主题中的浅色主题弹出菜单样式。

<style name="PopupMenu" parent="Theme.AppCompat.Light.NoActionBar">
</style>

这是我在 Rocks Player 应用程序中使用的工具栏代码。

 <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    app:contentInsetStart="0dp"
    android:title="Rocks Player"
    android:layout_width="match_parent"
    android:elevation="4dp"
    android:layout_height="48dp"
    app:layout_scrollFlags="scroll|enterAlways"
    android:minHeight="48dp"
    app:titleTextAppearance="@style/Toolbar.TitleText"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    android:background="?attr/colorPrimary"
    >
</android.support.v7.widget.Toolbar>

主题：-

 <style name="AppTheme0" parent="Theme.Light">
    <item name="colorPrimary">#ffffff</item>
    <item name="colorPrimaryDark">#cccccc</item>
    <item name="colorAccent">#0294ff</item>
</style>

<style name="AppTheme1" parent="Theme.Dark">
    <item name="colorPrimary">#4161b2</item>
    <item name="colorPrimaryDark">#4161b2</item>
    <item name="colorAccent">#4161b2</item>
</style>
于 2017-11-01T10:10:13.413 回答
2

你应该试试下面的代码。它对我有用。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/checked" 
          android:state_checked="true">
        <color android:color="@color/yello" />
    </item>
    <!-- checked -->
    <item android:drawable="@drawable/unchecked" 
          android:state_checked="false">
        <color android:color="@color/black"></color>
    </item>
    <!-- unchecked -->
    <item android:drawable="@drawable/checked" 
          android:state_focused="true">
        <color android:color="@color/yello"></color>
    </item>
    <!-- on focus -->
    <item android:drawable="@drawable/unchecked">
        <color android:color="@color/black"></color>
    </item>
    <!-- default -->
</selector>

和复选框

<CheckBox
    Button="@style/currentcy_check_box_style"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="20dp"
    android:text="@string/step_one_currency_aud" />
于 2013-08-14T11:01:16.913 回答
2

您可以在 drawable 中创建自己的 xml 并将其用作 android:background="@drawable/your_xml"

因为你可以给边界角一切

<item>
    <shape>
        <gradient

            android:endColor="#fff"
            android:startColor="#fff"/>
        <corners
            android:radius="2dp"/>
        <stroke
            android:width="15dp"
            android:color="#0013669e"/>

    </shape>
</item>

于 2016-09-18T18:28:25.447 回答
2

有一种更简单的方法可以通过设置以编程方式设置颜色ColorStateList。

 Checkbox.setButtonTintList(ColorStateList.valueOf(getContext().getColor(R.color.yourcolor)))
于 2019-10-15T21:41:23.510 回答
1

<CheckBox>您可以通过将其嵌入到中来更改 的背景颜色<LinearLayout>。然后将背景颜色更改为<LinearLayout>您想要的颜色。

于 2011-06-14T04:11:08.137 回答
1

如果您要使用 android 图标，如上所述..

android:button="@android:drawable/..."

.. 这是一个不错的选择，但要使其正常工作 - 我发现您需要添加切换逻辑来显示/隐藏复选标记，如下所示：

    checkBoxShowPwd.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

        // checkbox status is changed from uncheck to checked.
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

            int btnDrawable = android.R.drawable.checkbox_off_background;

            if (isChecked)
            {
                btnDrawable = android.R.drawable.checkbox_on_background;
            }

            checkBoxShowPwd.setButtonDrawable(btnDrawable);

        }
    });
于 2015-04-23T18:26:42.107 回答
1

我的minSdkVersion是15，我的BaseAppTheme父级是Theme.AppCompat.Light.NoActionBar，我正在以编程方式创建我的复选框。以下步骤对我有用。

1.在你的Java代码中，改变

CheckBox checkBox = new CheckBox(context);

到

AppCompatCheckBox checkBox = new AppCompatCheckBox(context);

2.在您的styles.xml 中，添加：

<style name="MyCheckboxStyle" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="buttonTint">@color/primary_dark</item>
</style>

3.最后，在您的BaseAppTheme（或AppTheme）样式中，添加：

<item name="checkboxStyle">@style/MyCheckboxStyle</item>
<item name="android:checkboxStyle">@style/MyCheckboxStyle</item>
于 2020-08-09T13:32:39.760 回答
1

我的目标是使用自定义复选框按钮并删除强调色按钮 tint。我尝试了接受的答案，但现在确实有效，这对我有用：

在styles.xml文件中

<style name="Theme.Checkbox" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="android:button">@drawable/theme_checkbox_button</item>
    <item name="android:drawableLeft">@android:color/transparent</item>
    <item name="android:drawablePadding">10dp</item>
    <item name="android:buttonTint">@android:color/transparent</item>
    <item name="android:buttonTintMode">screen</item>
</style>

现在对于这个问题，只有必需的属性是android:buttonTint和android:buttonTintMode

现在一些额外的：

  • 我需要使用自定义可绘制对象，因此android:button设置了selector可绘制对象
  • 我需要在框和文本之间留一些间距，因此我遵循了这个 SO 答案并设置了android:drawableLeft和android:drawablePadding
于 2021-03-22T06:24:13.457 回答
-2

您可以使用以下代码行在您的 java 代码中动态更改复选框的背景。

//Setting up background color on checkbox.
 checkbox.setBackgroundColor(Color.parseColor("#00e2a5"));

这个答案来自这个网站。您还可以使用此站点将您的 RGB 颜色转换为十六进制值，您需要输入 parseColor

于 2019-05-28T13:02:43.093 回答