使用layer-list创建渐变描边

Question

我正在尝试使用layer-list创建一个渐变描边（即视图的周长/边框）作为背景。但是它没有起作用。

以下是我的代码：

<?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="270"
                android:centerColor="#FFFFFFFF"
                android:endColor="#FFCCCCCC"
                android:startColor="#FFCCCCCC"
                android:type="linear" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#F0F1F3" />

            <margin
                android:bottom="4dp"
                android:left="4dp"
                android:right="4dp"
                android:top="4dp" />
        </shape>
    </item>

</layer-list>

第一项完全不可见，只有第二项填充了屏幕。您有什么想法如何解决这个问题？

- Cote Mounyo

Answer 1

也许这个能用一下，它可以创建一些阴影效果。

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

    <!-- Drop Shadow Stack -->
    <item>
        <shape>
            <corners android:radius="12dp" />

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

            <solid android:color="#00CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <corners android:radius="12dp" />

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

            <solid android:color="#10CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <corners android:radius="12dp" />

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

            <solid android:color="#20CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <corners android:radius="12dp" />

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

            <solid android:color="#30CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <corners android:radius="12dp" />

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

            <solid android:color="#50CCCCCC" />
        </shape>
    </item>

    <!-- Background -->
    <item>
        <shape>
            <solid android:color="@android:color/black" />

            <corners android:radius="12dp" />
        </shape>
    </item>

</layer-list>

- An-droid

---

非常感谢，这很有帮助，正是我想要的。 - Muhammad

问题说的是“使用layer-list创建渐变描边”，但我在解决方案代码中找不到任何“渐变”。 - ArtiomLK

是的，但也包括：描边（即周长/边界）。这就是答案提供的内容。它伪造了一个渐变，由于只用于描边，所以眼睛看不出来这个技巧。 - An-droid

Answer 2

你可以尝试类似这样的方式

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape
        android:innerRadius="80dp"
        android:shape="ring"
        android:thickness="20dp"
        android:useLevel="false">
        <size
            android:width="200dp"
            android:height="200dp" />
        <gradient
            android:endColor="#00ff0000"
            android:gradientRadius="200"
            android:startColor="#ffff0000"
            android:type="radial" />
    </shape>
</item>
<item
    android:bottom="20dp"
    android:left="20dp"
    android:right="20dp"
    android:top="20dp">
    <shape android:shape="oval">
        <stroke
            android:width="1dp"
            android:color="#ff0000" />
    </shape>
</item>
</layer-list>

- efeyc

---

我如何在矩形上实现相同的外观？ - Jono