在为拇指使用自定义可绘制对象时,如何保持Switch拇指的阴影/高程?

时间:2019-04-25 12:42:27

标签: android user-interface shadow android-elevation

我需要用我自己的可绘制对象替换默认的Switch拇指。为此,我使用了android:thumb属性,它可以很好地工作,减去不再存在拇指下的阴影。如何在保持拇指阴影/高程的同时使用自定义的拇指可绘制对象?

这是我实现的样式:

<style name="TiimeGreenSwitch" parent="Widget.AppCompat.CompoundButton.Switch">
    <item name="android:thumb">@drawable/switch_green_thumb</item>
    <item name="trackTint">@color/switch_green_track</item>
</style>

可绘制对象是此选择器:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/switch_green_thumb_disabled" android:state_enabled="false" />
    <item android:drawable="@drawable/switch_green_thumb_checked" android:state_checked="true" />
    <item android:drawable="@drawable/switch_green_thumb_default" />
</selector>

每个可绘制对象如下:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size android:width="20dp" android:height="20dp" />
    <solid android:color="#ffffff" />
    <stroke android:width="1dp" android:color="@color/switch_checked" />
</shape>

编辑:按照Gabe Sechan的回答,我直接在drawable中实现了一个阴影,如下所示,它可以正常工作:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="oval">
            <size
                android:width="22dp"
                android:height="22dp" />
            <solid android:color="#22000000" />
        </shape>
    </item>

    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp">
        <shape android:shape="oval">
            <size
                android:width="20dp"
                android:height="20dp" />
            <solid android:color="#ffffff" />
            <stroke
                android:width="1dp"
                android:color="@color/switch_checked" />
        </shape>
    </item>

</layer-list>

1 个答案:

答案 0 :(得分:1)

将阴影放入可绘制对象中。这就是它在默认drawable中的工作方式,这就是为什么现在丢失它的原因。这确实是唯一的方法,因为操作系统不知道您实际使用的形状,并且最多只能在整个可绘制对象的下方放置阴影,如果您使用圆形或圆形边缘,那将是错误的。