安卓阴影设计

Question

您好，我在 powerpoint 上做了一个布局，我在 android 上用 xml 实现了它，但它们不一样(影子东西)。这是图像差异(左侧是我想要创建的 android 右侧):

this is what I want

this is what I did

我使用 xml 进行 android 布局:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- Bottom Shadow -->
<item
    android:left="2.0dp"
    android:right="2.0dp">
    <shape android:shape="rectangle" >
        <corners android:radius="2dp" />

        <padding
            android:bottom="3dp"
            android:left="0dp"
            android:right="0dp"
            android:top="0dp" />

        <gradient
            android:angle="270"
            android:centerColor="#FF222222"
            android:centerX="0.15"
            android:endColor="#55000000"
            android:startColor="#FF000000" >
        </gradient>
    </shape>
</item>
<!-- White Top color -->
<item>
    <shape android:shape="rectangle" >
        <solid android:color="#E6E0EC" />
    </shape>
</item>

我怎样才能将阴影与xml相同谢谢。

Answer 1

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient android:angle="90"
                android:endColor="#E0E0E0" android:startColor="#ccc" />
            <corners android:radius="4dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="1.5dp"
        android:top="0dp"
        android:bottom="1.5dp">
        <shape android:shape="rectangle">
            <solid android:color="#E6E0EC"/>
            <corners android:radius="4dp" />
        </shape>
    </item>
</layer-list>