0

任何人都可以指导我使用阴影,或者这种效果是否适用于 android。我正在构建一个cupertino开关,拇指在图像上有一个阴影

最终图像

我试过这样做,但它似乎没有按照我想要的方式工作。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Drop Shadow Stack -->
    
    <item android:top="7.5dp"
        android:left="8dp"
        android:height="40dp"
        android:width="40dp">
        <shape android:shape="oval">
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10CCCCCC" />
        </shape>
    </item>
    <item
        android:top="8dp"
        android:left="8dp"
        android:height="42dp"
        android:width="42dp">
        <shape android:shape="oval">
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10CCCCCC" />

        </shape>
    </item>
    <item
        android:top="8dp"
        android:left="8dp"
        android:height="42dp"
        android:width="42dp">
        <shape android:shape="oval">
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10CCCCCC" />

        </shape>
    </item>
    <item
        android:top="8dp"
        android:left="8dp"
        android:height="42dp"
        android:width="42dp">
        <shape android:shape="oval">
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10CCCCCC" />

        </shape>
    </item>
    <item
        android:top="8dp"
        android:left="8dp"
        android:height="43dp"
        android:width="43dp">
        <shape android:shape="oval">
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10CCCCCC" />

        </shape>
    </item>
    

    <item
        android:bottom="3dp"
        android:left="3dp"
        android:right="3dp"
        android:top="3dp">
        <selector xmlns:android="http://schemas.android.com/apk/res/android">

            <item android:state_checked="false">
                <shape android:shape="oval">
                    <solid android:color="@color/thumb_color_off"/>
                    <size android:height="40dp"
                        android:width="40dp"/>

                </shape>
            </item>

            <item android:state_checked="true">
                <shape android:shape="oval">
                    <solid android:color="@color/thumb_color_on"/>
                    <size android:height="40dp"
                        android:width="40dp"/>
                </shape>
            </item>

        </selector>
    </item>

</layer-list>

这个drawable看起来像这样

4

0 回答 0