创建自定义可绘制选择器?

时间:2016-09-13 19:25:17

标签: android layout drawable android-drawable custom-selectors

我想为我想要的一些单选按钮创建一些自定义可绘制选择器。下面是我想要我想要的可绘制选择器的示例。它们是PublicFollowers选择器,如下所示:

enter image description here

问题是我在以这种方式设置我的选择器时遇到了麻烦,我似乎无法弄清楚为什么我无法在非选定的单选按钮上获得带有白色背景的灰色轮廓。

这是我的尝试:

privacy_toggle_layout.xml:

<?xml version="1.0" encoding="utf-8"?>
    <RadioGroup
    android:layout_margin="16dp"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:checkedButton="@+id/offer"
        android:id="@+id/privacy_toggle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/pick_out_line"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/public_toggle"
            android:background="@drawable/toggle_widget_background"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"
            android:gravity="center"
            android:text="@string/publicString"
            android:textAllCaps="true"
            android:textSize="18sp"
            android:textColor="@color/white" />

        <RadioButton
            android:id="@+id/followers_toggle"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/toggle_widget_background"
            android:button="@null"
            android:gravity="center"
            android:text="@string/followers"
            android:checked="true"
            android:textSize="18sp"
            android:textAllCaps="true"
            android:textColor="@color/white" />
    </RadioGroup>

抽拉/ pick_out_line.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="2dp" />
    <solid android:color="@color/teal" />
    <stroke
        android:width="5dp"
        android:color="@color/material_color_grey_400" />
</shape>

toggle_widget_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/teal" android:state_checked="true" />
    <item android:drawable="@color/teal" android:state_pressed="true" />
    <item android:drawable="@color/white" />
</selector>

我在pick_out_line.xml中认为,将stroke设置为5dp会使边框变灰但在RadioButton上不会显示为灰色。此外,我似乎无法弄清楚如何使用灰色文本的白色背景制作未选择的RadioButton。如果有人能帮助我,那就太棒了。感谢。

1 个答案:

答案 0 :(得分:0)

你错了。小组应该没有背景。制作2个版本的pick_out_line.xml,一个pick_out_line_selected和一个pick_out_line_unselected.xml。在每个状态下设计每个你想要的方式。然后编辑你的toggle_widget_background.xml文件,android:drawable应该是上面的2个文件,而不是颜色。将此文件设置为切换的背景。