CheckBox'ın rengi nasıl değiştirilir?

CheckBoxAndroid'de varsayılan rengi nasıl değiştiririm ?
Varsayılan olarak CheckBoxrenk yeşildir ve bu rengi değiştirmek istiyorum.
Mümkün değilse lütfen bana nasıl özel yapılacağını söyle CheckBox?

Eğer senin minSdkVersion21+ kullanımıdır android:buttonTintbir onay kutusu rengini güncelleştirmek için özellik:

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

AppCompat kitaplığını kullanan ve 21'in altındaki Android sürümlerini destekleyen projelerde, buttonTintözelliğin uyumlu bir sürümünü kullanabilirsiniz :

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

Bu durumda bir alt sınıf istiyorsanız, bunun yerine CheckBoxkullanmayı unutmayın AppCompatCheckBox.

ÖNCEKİ YANIT:

Öznitelik CheckBoxkullanarak çekilebilir olanları değiştirebilirsiniz android:button="@drawable/your_check_drawable".

Rengi doğrudan XML'de değiştirebilirsiniz. buttonTintKutu için kullanın : (API seviye 23'ten itibaren)

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

Bunu appCompatCheckbox v7daha eski API düzeyleri için kullanarak da yapabilirsiniz :

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

stillerinizde istediğiniz rengi elde etmek için onay kutusunun android temasını ayarlayabilirsiniz. xml ekle:

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

ardından düzen dosyanızda:

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

android:buttonTint="@color/CHECK_COLOR"Bu yöntemi kullanmanın aksine Api 23 altında çalışır

Programlı sürüm:

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

buttonTint21'den fazla API sürümü için düğme ve renk seçicinin rengini değiştirmek için kullanın .

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

Android'de o stil yaklaşımını yerleşik android görünümlerini yapılandırmanın, projenize yeni stil eklemenin bir yolu olarak kullanmanızı öneririm:

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

ve bu stili onay kutusunun temasına ekleyin: android: theme = "@ style / youStyle"

Bu yardımcı olur umarım.

Xml'nize buttonTint ekle

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

Bu satırı styles.xmldosyanıza ekleyin :

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

buttonTint benim için çalıştı

android: buttonTint = "renk @ / beyaz"

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

Aynı sorunla karşı karşıya kaldım, aşağıdaki tekniği kullanarak bir çözüm buldum. Kopya btn_check.xmlgelen android-sdk/platforms/android-#(version)/data/res/drawableprojenizin çekilebilir klasörüne ve özel görüntülere imaj devletler 'kapalı' 'açık' ve değiştirin.
O zaman xml'nizinandroid:button="@drawable/btn_check"

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

Farklı varsayılan Android simgeleri kullanmak istiyorsanız şunları kullanabilirsiniz:

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

Tek bir checkboxkod satırı kullanarak rengi değiştirebilirsiniz

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

% 100 sağlam yaklaşım.

Benim durumumda, XML düzen kaynak dosyasına erişemedim, çünkü 3'üncü taraf bir MaterialDialog lib'den Checkbox'ı aldım. Bu yüzden bunu programlı olarak çözmem gerekiyor.

1. Xml'de bir ColorStateList oluşturun:

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. Ardından onay kutusuna uygulayın:

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

PS Buna ek olarak, ilgilenen biri varsa, MaterialDialog iletişim kutusundan onay kutunuzu nasıl edinebileceğiniz aşağıda açıklanmıştır .checkBoxPromptRes(...):

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

Bu yardımcı olur umarım.

Drawable resource filealtında bir xml oluşturun res->drawableve adlandırın, örneğin,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>

Özel onay kutusu görüntü dosyalarınızı (png'yi öneririm) res->drawableklasörünüze yükleyin .

Ardından düzen dosyanıza gidin ve onay kutunuzu şununla değiştirin:

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

daha android:buttonönce oluşturduğunuz doğru XML dosyasını işaret ettiği sürece herhangi bir şeyi özelleştirebilirsiniz .

HABERLERE NOT: Zorunlu olmasa da, onay kutunuzu tüm düzen ağacınız boyunca benzersiz bir kimlikle adlandırmak iyi bir uygulamadır.

Merhaba Bu, hem Koyu Tema hem de Açık Tema için tema kodudur.

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

Onay kutusu rengini değiştirmek isterseniz, "colorAccent" özniteliği işaretli durum için ve "android: textColorSeincil" seçeneği, işaretleme durumu için kullanır.

"actionOverflowButtonStyle", Eylem çubuğundaki taşma simgesinin rengini değiştirmek için kullanılır.

"buttonsearch_picture" özniteliği, Eylem Çubuğu'ndaki İşlem Düğmesinin renk tonunu değiştirmek için kullanılır.Bu, style.xml dosyasındaki özel Özniteliktir

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

Aynı benim app kullanıyorum yenileme düğmesi içindir.

"android: popupMenuStyle" özelliği Karanlık tema Işık tema açılır menü stilini almak için kullanıyor.

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

Ve bu, Rocks Player Uygulamamda kullandığım araç çubuğu Kodu.

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

Temalar: -

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

çekilebilir içinde kendi xml oluşturabilir ve bunu android olarak kullanabilirsiniz: background = "@ drawable / your_xml"

sınır köşesine her şeyi verebilmen için

<item>
    <shape>
        <gradient

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

    </shape>
</item>

"Colors.xml" dosyasında aşağıdaki iki özelliği kullanabilirsiniz

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

colorControlNormal onay kutusunun normal görünümü içindir ve colorControlActivated onay kutusunun işaretli olduğu zamandır.

<CheckBox>Öğesinin arka plan rengini a içine yerleştirerek değiştirebilirsiniz <LinearLayout>. Ardından arka plan rengini <LinearLayout>istediğiniz renge değiştirin .

Aşağıdaki kodu denemelisiniz. Benim için çalışıyor.

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

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

Yukarıda açıklandığı gibi android simgeleri kullanacaksanız ..

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

.. bu güzel bir seçenek, ama bunun çalışması için - onay işaretini göstermek / gizlemek için geçiş mantığı eklemeniz gerektiğini buldum:

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

        }
    });

Çoğu yanıt xml dosyasından geçer. Çoğu Android sürümü için etkin bir cevap bulursanız ve iki durum için sadece bir renk iseniz UnCheck'i kontrol edin: İşte benim çözümüm:

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

Renkleri programlı olarak ayarlamanın çok daha kolay bir yolu vardır. Aşağıdaki yöntemi kullanın, Checkbox.setButtonTintList (ColorStateList.valueOf (getContext (). GetColor (R.color.yourcolor)))

Java kodunuzda Checkbox'ın arka planını dinamik olarak değiştirmek için aşağıdaki kod satırlarını kullanabilirsiniz.

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

Bu cevap bu siteden . Bu siteyi RGB renginizi Hex değerine dönüştürmek için de kullanabilirsiniz , parseColor'u beslemeniz gerekir