¿Cómo cambiar el color de un CheckBox?

¿Cómo cambio el CheckBoxcolor predeterminado en Android?
Por defecto, el CheckBoxcolor es verde, y quiero cambiar este color.
Si no es posible, dígame cómo hacer una costumbre CheckBox.

Si minSdkVersiontiene más de 21 años, utilice el android:buttonTintatributo para actualizar el color de una casilla de verificación:

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

En los proyectos que usan la biblioteca AppCompat y admiten versiones de Android inferiores a 21, puede usar una versión compatible del buttonTintatributo:

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

En este caso, si desea subclasificar a CheckBox, no olvide usarlo AppCompatCheckBox.

RESPUESTA ANTERIOR:

Puede cambiar CheckBoxs dibujable usando el android:button="@drawable/your_check_drawable"atributo.

Puede cambiar el color directamente en XML. Uso buttonTintpara el cuadro: (a partir del nivel 23 de API)

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

También puede hacer esto usando appCompatCheckbox v7niveles de API anteriores:

<android.support.v7.widget.AppCompatCheckBox 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:buttonTint="@color/COLOR_HERE" /> 

puede configurar el tema de Android de la casilla de verificación para obtener el color que desea en su styles.xml agregar:

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

luego en su archivo de diseño:

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

a diferencia del uso de android:buttonTint="@color/CHECK_COLOR"este método funciona bajo la API 23

Versión programática:

int states[][] = {{android.R.attr.state_checked}, {}};
int colors[] = {color_for_state_checked, color_for_state_normal}
CompoundButtonCompat.setButtonTintList(checkbox, new ColorStateList(states, colors));

Úselo buttonTintpara cambiar el color del botón y el selector de color para las versiones superiores a 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>

Sugeriría usar el enfoque de estilo en Android como la forma de configurar vistas de Android incorporadas, agregar un nuevo estilo en su proyecto:

<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>

y agregue asignar este estilo al tema de la casilla de verificación: android: theme = "@ style / youStyle"

espero que esto ayude.

Añadir buttonTint en tu xml

<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" />

Agregue esta línea en su styles.xmlarchivo:

<style>
    <item name="android:colorAccent">@android:color/holo_green_dark</item>
</style>

buttonTint funcionó para mí intentar

android: buttonTint = "@ color / blanco"

<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"/>

Me enfrenté al mismo problema, obtuve una solución usando la técnica a continuación. Copie el btn_check.xmlde android-sdk/platforms/android-#(version)/data/res/drawableen la carpeta dibujable de su proyecto y cambie los estados de imagen "encendido" y "apagado" a sus imágenes personalizadas.
Entonces tu xml solo necesitaráandroid:button="@drawable/btn_check"

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

Si desea usar diferentes iconos predeterminados de Android, puede usar:

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

Puedes cambiar el checkboxcolor usando una línea de código simple

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

Enfoque 100% robusto.

En mi caso, no tenía acceso al archivo fuente de diseño XML, ya que recibo Checkbox de una libra de MaterialDialog de terceros. Entonces tengo que resolver esto programáticamente.

1. Cree una ColorStateList en xml:

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>

2. Luego aplíquelo a la casilla de verificación:

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

PD Además, si alguien está interesado, así es cómo puede obtener su casilla de verificación desde el cuadro de diálogo MaterialDialog (si lo configura con .checkBoxPromptRes(...)):

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

Espero que esto ayude.

cree un xml Drawable resource filedebajo res->drawabley asígnele un nombre, por ejemplo,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>

Cargue sus archivos de imagen de casilla de verificación personalizados (recomiendo png) a su res->drawablecarpeta.

Luego vaya a su archivo de diseño y cambie su casilla de verificación a

<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"/>

puede personalizar cualquier cosa, siempre que android:buttonapunte al archivo XML correcto que creó anteriormente.

NOTA PARA LOS NOVEDADES: aunque no es obligatorio, es una buena práctica nombrar su casilla de verificación con una identificación única en todo su árbol de diseño.

Hola, este es el código de tema para Dark Theme y Light Theme.

<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>

Si desea cambiar el color de la casilla de verificación, el atributo "colorAccent" se usará para el estado marcado y "android: textColorSecondary" se usará para desmarcar el estado.

"actionOverflowButtonStyle" se usará para cambiar el color del icono de desbordamiento en la barra de acción.

El atributo "buttonsearch_picture" se usará para cambiar el color del tinte del botón de acción en la barra de acción. Este es un atributo personalizado en style.xml

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

Lo mismo es para el botón de actualización que estoy usando en mi aplicación.

El atributo "android: popupMenuStyle" se utiliza para obtener el estilo del menú emergente del tema Light en el tema Dark.

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

Y este es el código de barra de herramientas que estoy usando en mi aplicación 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>

Temas: -

 <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>

puedes crear tu propio xml en drawable y usarlo como android: background = "@ drawable / your_xml"

en eso puedes darle todo a la esquina

<item>
    <shape>
        <gradient

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

    </shape>
</item>

Puede usar las siguientes dos propiedades en "colors.xml"

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

colorControlNormal es para la vista normal de la casilla de verificación, y colorControlActivated es para cuando la casilla de verificación está marcada.

Puede cambiar el color de fondo de la <CheckBox>incrustación dentro de a <LinearLayout>. Luego cambie el color de fondo de <LinearLayout>al color que desee.

Deberías probar el siguiente código. Me esta funcionando.

<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>

y CheckBox

<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" />

Si va a usar los íconos de Android, como se describió anteriormente ...

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

.. es una buena opción, pero para que esto funcione, descubrí que debes agregar la lógica de alternar para mostrar / ocultar la marca de verificación, así:

    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);

        }
    });

La mayoría de las respuestas pasan por el archivo xml. Si encuentra una respuesta activa para la mayoría de las versiones de Android y solo tiene un color para los dos estados Marque una casilla de verificación: aquí está mi solución:

Kotlin:

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

Java:

ColorFilter colorFilter = new PorterDuffColorFilter(Color.CYAN, PorterDuff.Mode.SRC_ATOP);
Drawable drawable = CompoundButtonCompat.getButtonDrawable(checkBox);
if (drawable != null) {
    drawable.setColorFilter(colorFilter);
}

Hay una manera mucho más fácil de configurar el color mediante programación. Utilice el siguiente método, Checkbox.setButtonTintList (ColorStateList.valueOf (getContext (). GetColor (R.color.yourcolor)))

Puede usar las siguientes líneas de código para cambiar dinámicamente el fondo de la casilla de verificación en su código Java.

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

Esta respuesta fue de este sitio . También puede usar este sitio para convertir su color RGB al valor hexadecimal, necesita alimentar el parseColor