对话框中的自定义复选框样

时间:2014-01-25 19:15:32

标签: android checkbox android-dialog android-theme android-styles

我正在构建一个包含多项选项(复选框)的对话框:

AlertDialog.Builder builder = new AlertDialog.Builder(this);

builder.setMultiChoiceItems(arrayResource, selectedItems, new DialogInterface.OnMultiChoiceClickListener() {
    // ...
});

AlertDialog dialog = builder.create();
dialog.show();

我有一个自定义样式的复选框:

<style name="CustomCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
    <item name="android:button">@drawable/btn_check</item>
    <item name="android:textColor">@android:color/holo_purple</item>
</style>

通过设置style="@style/CustomCheckBox"

,将其应用于布局中的各个复选框时,效果非常好

但是如何将此样式应用于创建的对话框?或者对整个主题来说......

如果它有某种相关性 - 我使用minSdkVersion=14targetSdkVersion=19


更新

现在根据MattMatt的回答,我将自定义复选框样式应用于整个主题,并为对话框设置自定义样式:

<style name="AppTheme" parent="AppBaseTheme">
    <item name="android:checkboxStyle">@style/CustomCheckBox</item>
    <item name="android:dialogTheme">@style/CustomDialog</item>
    <item name="android:alertDialogTheme">@style/CustomDialog</item>
</style>

<style name="CustomCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
    <item name="android:button">@drawable/btn_check</item>
    <item name="android:checkMark">@drawable/btn_check</item>
</style>

<style name="CustomDialog" parent="@android:style/Theme.Holo.Light.Dialog">
    <item name="android:checkboxStyle">@style/CustomCheckBox</item>
    <item name="android:background">#aaf</item>
</style>

现在添加到布局的任何复选框都会获得自定义样式,并且我可以更改对话框的背景,但对话框中的复选框不会受到任何影响......

3 个答案:

答案 0 :(得分:11)

实际上,调用setMultiChoiceItems不会产生CheckBox小部件,而是CheckedTextView小部件。 [更新]似乎更改checkMark属性的值没有任何效果。但是,通过更改CustomDialog样式的listChoiceIndicatorMultiple属性的值,我能够更改选项的drawable。像这样:

<style name="CustomDialog" parent="@android:style/Theme.Holo.Light.Dialog">
    <item name="android:listChoiceIndicatorMultiple">@drawable/btn_check</item>
    <item name="android:background">#aaf</item>
</style>

我通过查看Android源代码并发现对话框中用于多项选项的模板是这样的:

https://github.com/android/platform_frameworks_base/blob/master/core/res/res/layout/select_dialog_multichoice_holo.xml

答案 1 :(得分:3)

找到您正在寻找的所有内容in Themes and Styles from the docs,并使用找到的属性[{3}}

应用主题的属性

为方便您使用,请按以下示例操作:

<style name="myTheme" parent="@android:Theme.Holo">
    <!-- override default check box style with custom checkBox -->
    <item name="android:checkBoxStyle">@style/CustomCheckBox</item>

</style>
<style name="CustomCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
<item name="android:button">@drawable/btn_check</item>
<item name="android:textColor">@android:color/holo_purple</item>

现在,只要“myTheme”设置为“活动”,就会出现一个自定义复选框;)

希望这有帮助,快乐编码!

答案 2 :(得分:0)

您可以为所有复选框状态设置drawable。 Drawables可能是图片或形状,因此您可以自由设置任何背景。

1&GT;根据需要为cb选中和取消选中状态制作两个png文件,并将它们存储在应用的可绘制文件夹中。

2 - ;现在制作一个customdrawble.xml文件,如下所示:

<?xml version="1.0" encoding="utf-8"?>
     <selector  xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_checked="false" android:drawable="@drawable/yourdrawable1" />
     <item android:state_checked="true" android:drawable="@drawable/yourdrawable2" />
     <item android:drawable="@drawable/yourdrawable1" /> <!-- default -->
</selector>

3&GT;现在将您的复选框设置如下:

<CheckBox
    android:id="@+id/chk"
    android:button=“@drawable/customdrawable”
    android:layout_alignParentLeft="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

该解决方案适用于我更改单个复选框的显示