Làm cách nào để thay đổi màu của CheckBox?

Làm cách nào để thay đổi CheckBoxmàu mặc định trong Android?
Theo mặc định, CheckBoxmàu là màu xanh lá cây và tôi muốn thay đổi màu này.
Nếu không thể xin vui lòng cho tôi biết làm thế nào để thực hiện một tùy chỉnh CheckBox?

Nếu bạn trên minSdkVersion21 tuổi, hãy sử dụng android:buttonTintthuộc tính để cập nhật màu của hộp kiểm:

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

Trong các dự án sử dụng thư viện AppCompat và hỗ trợ các phiên bản Android dưới 21, bạn có thể sử dụng phiên bản compat của buttonTintthuộc tính:

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

Trong trường hợp này nếu bạn muốn phân lớp, CheckBoxđừng quên sử dụng AppCompatCheckBoxthay thế.

TRẢ LỜI TRƯỚC:

Bạn có thể thay đổi CheckBoxs drawable bằng android:button="@drawable/your_check_drawable"thuộc tính.

Bạn có thể thay đổi màu trực tiếp trong XML. Sử dụng buttonTintcho hộp: (kể từ API cấp 23)

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

Bạn cũng có thể làm điều này bằng cách sử dụng appCompatCheckbox v7cho các cấp API cũ hơn:

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

bạn có thể đặt chủ đề Android của hộp kiểm để có được màu bạn muốn trong tệp kiểu tệp của bạn thêm:

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

sau đó trong tập tin bố trí của bạn:

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

Không giống như sử dụng android:buttonTint="@color/CHECK_COLOR"phương pháp này hoạt động theo Api 23

Phiên bản lập trình:

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

Sử dụng buttonTintđể thay đổi màu của nút và bộ chọn màu cho phiên bản api trên 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 / colors / hộp_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>

Tôi sẽ đề nghị sử dụng cách tiếp cận theo phong cách của anh ấy trong Android như là cách để định cấu hình các chế độ xem Android tích hợp, thêm phong cách mới trong dự án của bạn:

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

và thêm gán kiểu này cho chủ đề của hộp kiểm: android: theme = "@ style / youStyle"

hi vọng điêu nay co ich.

Thêm nútTint trong xml của bạn

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

Thêm dòng này trong styles.xmltệp của bạn :

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

buttonTint làm việc cho tôi thử

android: buttonTint = "@ màu / trắng"

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

Tôi phải đối mặt với cùng một vấn đề, tôi đã có một giải pháp sử dụng dưới đây kỹ thuật. Sao chép btn_check.xmltừ android-sdk/platforms/android-#(version)/data/res/drawablevào thư mục có thể vẽ của dự án của bạn và thay đổi trạng thái hình ảnh 'bật' và 'tắt' thành hình ảnh tùy chỉnh của bạn.
Sau đó, xml của bạn sẽ chỉ cầnandroid:button="@drawable/btn_check"

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

Nếu bạn muốn sử dụng các biểu tượng Android mặc định khác nhau, bạn có thể sử dụng:

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

Bạn có thể thay đổi checkboxmàu bằng cách sử dụng dòng mã singe

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

Cách tiếp cận mạnh mẽ 100%.

Trong trường hợp của tôi, tôi không có quyền truy cập vào tệp nguồn bố cục XML, vì tôi nhận được Hộp kiểm từ một bên thứ ba MaterialDialog lib. Vì vậy, tôi phải giải quyết điều này bằng lập trình.

1. Tạo một ColorStateList trong xml:

res / color / box_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. Sau đó áp dụng nó vào hộp kiểm:

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

Ngoài ra, nếu ai đó quan tâm, đây là cách bạn có thể nhận hộp kiểm của mình từ hộp thoại MaterialDialog (nếu bạn đặt nó với .checkBoxPromptRes(...)):

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

Hi vọng điêu nay co ich.

tạo một xml Drawable resource filebên dưới res->drawablevà đặt tên cho nó, ví dụ,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>

Tải lên tệp hình ảnh hộp kiểm tùy chỉnh của bạn (tôi khuyên bạn nên png) vào res->drawablethư mục của bạn .

Sau đó vào tệp bố cục của bạn và thay đổi hộp kiểm của bạn thành

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

bạn có thể tùy chỉnh mọi thứ, miễn là android:buttontrỏ đến tệp XML chính xác mà bạn đã tạo trước đó.

LƯU Ý CHO NEWBIES: mặc dù không bắt buộc, tuy nhiên, nên đặt tên cho hộp kiểm của bạn bằng một id duy nhất trong toàn bộ cây bố cục của bạn.

Xin chào Đây là mã chủ đề cho cả Dark Theme và 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>

Nếu bạn muốn thay đổi màu hộp kiểm thì thuộc tính "colorAccent" sẽ sử dụng cho trạng thái đã chọn và "android: textColorSecondary" sẽ sử dụng cho trạng thái bỏ chọn.

"ActionOverflowButtonStyle" sẽ sử dụng để thay đổi màu của biểu tượng tràn trong thanh Hành động.

Thuộc tính "scriptsearch_picture" sẽ sử dụng để thay đổi màu sắc của Nút hành động trong Action Bar. Đây là thuộc tính tùy chỉnh trong style.xml

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

Tương tự là cho nút refresh mà tôi đang sử dụng trong ứng dụng của mình.

Thuộc tính "android: popupMothyStyle" đang sử dụng để có được kiểu menu bật lên chủ đề Light trong chủ đề Dark.

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

Và đây là Mã thanh công cụ mà tôi đang sử dụng trong Ứng dụng Rocks Player của mình.

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

Chủ đề: -

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

bạn có thể tạo xml của riêng mình trong drawable và sử dụng cái này như android: background = "@ drawable / your_xml"

trong đó bạn có thể cung cấp cho góc biên giới tất cả mọi thứ

<item>
    <shape>
        <gradient

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

    </shape>
</item>

Bạn có thể sử dụng hai thuộc tính sau trong "colors.xml"

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

colorControlN normal dành cho chế độ xem bình thường của hộp kiểm và colorControlActivated dành cho khi hộp kiểm được chọn.

Bạn có thể thay đổi màu nền của <CheckBox>bằng cách nhúng nó vào bên trong a <LinearLayout>. Sau đó thay đổi màu nền của <LinearLayout>màu bạn muốn.

Bạn nên thử mã dưới đây. Đó là làm việc cho tôi.

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

và hộp kiểm

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

Nếu bạn sẽ sử dụng các biểu tượng Android, như được mô tả ở trên ..

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

.. đó là một lựa chọn tốt, nhưng để nó hoạt động - Tôi thấy bạn cần thêm logic chuyển đổi để hiển thị / ẩn dấu kiểm, như thế này:

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

        }
    });

Hầu hết các câu trả lời đều đi qua tệp xml. Nếu bạn tìm thấy câu trả lời hoạt động cho hầu hết các phiên bản Android và chỉ có một màu cho hai trạng thái Kiểm tra UnCheck: đây là giải pháp của tôi:

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

Có một cách dễ dàng hơn nhiều để thiết lập màu lập trình. Sử dụng phương thức bên dưới, Checkbox.setButtonTintList (ColorStateList.valueOf (getContext (). GetColor (R.color.yourcolor)))

Bạn có thể sử dụng các dòng mã dưới đây để thay đổi nền của Hộp kiểm một cách linh hoạt trong mã java của bạn.

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

Câu trả lời này là từ trang web này . Bạn cũng có thể sử dụng trang web này để chuyển đổi màu RGB của mình thành giá trị Hex, bạn cần cung cấp cho parseColor