Come cambiare il colore di un CheckBox?

Come posso cambiare il CheckBoxcolore predefinito in Android?
Di default il CheckBoxcolore è verde e voglio cambiarlo.
Se non è possibile, per favore dimmi come fare un'abitudine CheckBox?

Se hai più di minSdkVersion21 anni usa l' android:buttonTintattributo per aggiornare il colore di una casella di controllo:

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

Nei progetti che utilizzano la libreria AppCompat e supportano le versioni di Android inferiori a 21 è possibile utilizzare una versione compatibile buttonTintdell'attributo:

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

In questo caso, se si desidera effettuare una sottoclasse a CheckBox, non dimenticare di utilizzare AppCompatCheckBoxinvece.

RISPOSTA PRECEDENTE:

Puoi cambiare CheckBoxs drawable usando l' android:button="@drawable/your_check_drawable"attributo.

Puoi cambiare il colore direttamente in XML. Utilizzare buttonTintper la scatola: (a partire dal livello API 23)

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

Puoi anche farlo usando appCompatCheckbox v7per i livelli API precedenti:

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

puoi impostare il tema Android della casella di controllo per ottenere il colore desiderato nel tuo styles.xml aggiungere:

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

quindi nel tuo file di layout:

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

a differenza dell'uso di android:buttonTint="@color/CHECK_COLOR"questo metodo funziona con Api 23

Versione programmatica:

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

Utilizzare buttonTintper cambiare il colore del pulsante e del selettore del colore per versioni api superiori a 21+.

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

Suggerirei di utilizzare il suo approccio di stile in Android come modo per configurare le visualizzazioni Android integrate, aggiungere un nuovo stile nel tuo progetto:

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

e aggiungi assegna questo stile al tema della casella di controllo: android: theme = "@ style / youStyle"

spero che questo ti aiuti.

Aggiungi buttonTint nel tuo 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" />

Aggiungi questa riga nel tuo styles.xmlfile:

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

buttonTint ha funzionato per me provare

Android: buttonTint = "@ colore / bianco"

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

Ho affrontato lo stesso problema, ho ottenuto una soluzione utilizzando la tecnica di seguito. Copia il btn_check.xmlda android-sdk/platforms/android-#(version)/data/res/drawablenella cartella disegnabile del tuo progetto e modifica gli stati delle immagini "on" e "off" in immagini personalizzate.
Quindi il tuo XML avrà solo bisognoandroid:button="@drawable/btn_check"

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

Se si desidera utilizzare diverse icone Android predefinite, è possibile utilizzare:

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

Puoi cambiare checkboxcolore usando la riga di codice singola

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

Approccio robusto al 100%.

Nel mio caso, non avevo accesso al file di origine del layout XML, poiché ottengo Checkbox da una libreria MaterialDialog di terze parti. Quindi devo risolverlo a livello di codice.

1. Crea una ColorStateList in 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. Quindi applicalo alla casella di controllo:

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

PS Inoltre, se qualcuno è interessato, ecco come ottenere la casella di controllo dalla finestra di dialogo MaterialDialog (se impostata con .checkBoxPromptRes(...)):

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

Spero che questo ti aiuti.

crea un xml Drawable resource filesotto res->drawablee nominalo, ad esempio,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>

Carica i tuoi file di immagine della casella di controllo personalizzati (consiglio png) nella tua res->drawablecartella.

Quindi vai nel tuo file di layout e cambia la casella in

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

puoi personalizzare qualsiasi cosa, purché android:buttonpunti sul file XML corretto che hai creato in precedenza.

NOTA PER I PRINCIPALI: sebbene non sia obbligatorio, è comunque buona norma assegnare un nome alla casella con un ID univoco nell'intero albero del layout.

Ciao Questo è il codice tema sia per il tema scuro che per il tema chiaro.

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

Se si desidera cambiare il colore della casella di controllo, l'attributo "colorAccent" verrà utilizzato per lo stato selezionato e "android: textColorSecondary" verrà utilizzato per lo stato di deselezione.

"actionOverflowButtonStyle" verrà utilizzato per modificare il colore dell'icona di overflow nella barra delle azioni.

L'attributo "buttonsearch_picture" verrà utilizzato per cambiare il colore della tinta del pulsante Azione nella barra delle azioni. Questo è l'attributo personalizzato in style.xml

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

Lo stesso vale per il pulsante di aggiornamento che sto utilizzando nella mia app.

L'attributo "android: popupMenuStyle" viene utilizzato per ottenere lo stile del menu popup del tema Light nel tema Dark.

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

E questo è il codice della barra degli strumenti che sto usando nella mia app 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>

Temi: -

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

puoi creare il tuo xml in drawable e usarlo come android: background = "@ drawable / your_xml"

in quanto puoi dare tutto all'angolo del bordo

<item>
    <shape>
        <gradient

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

    </shape>
</item>

È possibile utilizzare le seguenti due proprietà in "colors.xml"

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

colorControlNormal è per la normale visualizzazione della casella di controllo e colorControlActivated è per quando la casella di controllo è selezionata.

È possibile modificare il colore di sfondo di <CheckBox>incorporandolo in a <LinearLayout>. Quindi cambia il colore di sfondo <LinearLayout>con il colore che desideri.

Dovresti provare sotto il codice. Funziona per me.

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

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

Se hai intenzione di utilizzare le icone Android, come descritto sopra.

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

.. è una buona opzione, ma per farlo funzionare - ho scoperto che è necessario aggiungere la logica di attivazione / disattivazione per mostrare / nascondere il segno di spunta, in questo modo:

    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 maggior parte delle risposte passa attraverso il file xml. Se trovi una risposta attiva per la maggior parte delle versioni di Android e hai solo un colore per i due stati Controlla un UnCheck: ecco la mia soluzione:

Kotlin:

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

Giava:

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

C'è un modo molto più semplice per impostare il colore a livello di codice. Utilizzare il metodo seguente, Checkbox.setButtonTintList (ColorStateList.valueOf (getContext (). GetColor (R.color.yourcolor)))

È possibile utilizzare le seguenti righe di codice per modificare dinamicamente lo sfondo della casella di controllo nel codice java.

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

Questa risposta è stata da questo sito . È inoltre possibile utilizzare questo sito per convertire il colore RGB nel valore esadecimale, è necessario alimentare il parseColor