Android CheckBox のスタイルを変更する

AndroidのCheckBoxのスタイルを変更する方法はいくつかあります。以下にいくつかの方法を紹介します。

XMLスタイルを使用する方法:
まず、res/values/styles.xmlファイルに新しいスタイルを作成します。

<style name="CustomCheckBoxStyle" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="android:button">@drawable/custom_checkbox</item>
</style>

次に、res/drawable/custom_checkbox.xmlファイルを作成し、CheckBoxの外観をカスタマイズします。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/checkbox_checked" android:state_checked="true" />
    <item android:drawable="@drawable/checkbox_unchecked" />
</selector>

最後に、CheckBoxを使用するレイアウトファイルで新しいスタイルを指定します。

<CheckBox
    android:id="@+id/customCheckBox"
    style="@style/CustomCheckBoxStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Custom CheckBox" />

プログラムでスタイルを設定する方法:
JavaまたはKotlinのコードでCheckBoxのスタイルを設定することもできます。

CheckBox customCheckBox = findViewById(R.id.customCheckBox);
customCheckBox.setButtonDrawable(R.drawable.custom_checkbox);

または、

val customCheckBox = findViewById<CheckBox>(R.id.customCheckBox)
customCheckBox.buttonDrawable = R.drawable.custom_checkbox

上記のコードでcustom_checkboxは、CheckBoxの外観をカスタマイズするためのドローアブルリソースです。

チェックボックスのチェックマークの色をスタイルだけで変更することはできません。チェックマークの色を変更するためには、カスタムチェックボックスを作成する必要があります。

以下に、カスタムチェックボックスを作成して、チェックマークの色を変更する方法を示します。

res/drawable/custom_checkbox.xml ファイルを作成します。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/checkbox" android:drawable="@drawable/checkbox_checked" />
    <item android:drawable="@drawable/checkbox_unchecked" />
</layer-list>

res/drawable/checkbox_checked.xml ファイルを作成します。

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/yourCustomColor" />
    <size android:width="24dp" android:height="24dp" />
    <corners android:radius="4dp" />
</shape>

@color/yourCustomColor の部分には、使用したいカスタムカラーのリソースを指定します。

res/drawable/checkbox_unchecked.xml ファイルを作成します。

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent" />
    <size android:width="24dp" android:height="24dp" />
    <corners android:radius="4dp" />
    <stroke android:color="@color/yourCustomColor" android:width="2dp" />
</shape>

@color/yourCustomColor の部分には、使用したいカスタムカラーのリソースを指定します。

チェックボックスを使用するレイアウトファイルでカスタムチェックボックスを指定します。

<CheckBox
    android:id="@+id/customCheckBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/custom_checkbox"
    android:text="Custom CheckBox" />

上記の手順を実行すると、カスタムチェックボックスが作成され、チェックマークの色が変更されます。