如何在ripple drawable中设置state_selected

时间:2014-12-16 03:10:23

标签: android android-5.0-lollipop rippledrawable

如何在RippleDrawable

中指定android:state_selected

我有关于涟漪画的xml,但是当我设置myView.setSelected(true);时,背景颜色不会显示

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#DDDDDD"
    >

    <item android:id="@android:id/mask">
        <shape>
            <solid
                android:color="@color/black" />
        </shape>
    </item>


    <item android:state_selected="true">
        <shape>
            <solid
                android:color="#EEEEEE" />
        </shape>
    </item>


    <item>
        <color android:color="#FFFFFF" />
    </item>

</ripple>

4 个答案:

答案 0 :(得分:89)

找到答案,以防其他人遇到同样的问题

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#DDDDDD"
    >


    <item>
        <selector>
            <item android:state_selected="true">
                <color android:color="#EEEEEE" />
            </item>

            <item android:state_activated="true">
                <color android:color="#EEEEEE" />
            </item>

            <item>
                <color android:color="#FFFFFF" />
            </item>
        </selector>
    </item>


</ripple>

答案 1 :(得分:12)

添加到@Sohaib的答案:

@Alanv是对的,OP并不需要面具。但是,如果你的一个选择器状态是透明的,你需要一个掩码,它就在这里:

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/ripple_color">

    <!-- mask here... -->
    <item android:id="@android:id/mask">
        <color android:color="@color/black"/> <!-- any color will do -->
    </item>

    <item>
        <selector>
            <!-- ... NOT here. -->
            <item android:state_selected="true">
                <color android:color="@color/blue"/>
            </item>

            <item android:state_activated="true">
                <color android:color="@color/red"/>
            </item>

            <item>
                <color android:color="@color/transparent"/>
            </item>
        </selector>
    </item>
</ripple>

我最初在我的选择器里面有一个面具:boom:

答案 2 :(得分:7)

将上述答案与其他答案结合起来:

What should be the color of the Ripple, colorPrimary or colorAccent? (Material Design)

产生良好的涟漪效果,当项目处于选定状态时也适用。

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
<!-- Ripple mask - applied to all selector states -->
<item android:id="@android:id/mask">
    <color android:color="#42ffffff" />
</item>
<!-- Selected state of item -->
<item>
    <selector>
        <item android:state_selected="true">
            <color android:color="?attr/colorAccent" />
        </item>
    </selector>
</item>
</ripple>

这是在你的drawable-v21文件夹中,对于其他平台你可以创建一个使用强调颜色的选择器:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/accent" android:state_selected="true"/>
    <item android:drawable="@color/accent" android:state_pressed="true"/>
</selector>

答案 3 :(得分:1)

我想模仿Material Design复选框的行为,但是在我使用像这样的ColorStateList之前我无法正确使用它们:

在drawable-v21 / bg_c​​heckbox_ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/checked_accent_statelist"
    android:radius="24dp">
</ripple>

在color / checked_accent_statelist.xml中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="?colorControlHighlight" android:state_checked="false"/>
    <item android:color="?android:textColorHighlight" android:state_checked="true"/>
</selector>

属性&#34;?android:textColorHighlight&#34;是你的强调色,但在涟漪中使用它有正确的透明度(我认为它是26%)。

此外,您应该在drawable / bg_c​​heckbox_ripple.xml

中为API 21之前的设备提供回退
<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:exitFadeDuration="@android:integer/config_shortAnimTime">
    <item>
        <shape android:innerRadius="24dp" android:shape="oval">
            <solid android:color="@color/checked_accent_statelist"/>
        </shape>
    </item>
</selector>