Question

我目前有以下drawable创建一个带有圆边的矩形，一个半透明的黑色背景和透明边（如果我想稍后再显示它们）：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="@android:color/transparent" />
    </item>
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="#50FFFFFF"/>
            <stroke
                android:width="5dip"
                android:color="@android:color/transparent" />
            <corners android:radius="30dp" />
        </shape>
    </item>
</layer-list>

我的问题是如何修改这个以使矩形背景的边缘渐弱，以使外观更柔和？

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">
            <solid android:color="#03101010" />
            <corners android:radius="24dp" />
        </shape>
    </item>
    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">
        <shape android:shape="rectangle">
            <solid android:color="#06101010" />
            <corners android:radius="20dp" />
        </shape>
    </item>
    <item
        android:bottom="8dp"
        android:left="8dp"
        android:right="8dp"
        android:top="8dp">
        <shape android:shape="rectangle">
            <solid android:color="#09101010" />
            <corners android:radius="16dp" />
        </shape>
    </item>
    <item
        android:bottom="12dp"
        android:left="12dp"
        android:right="12dp"
        android:top="12dp">
        <shape android:shape="rectangle">
            <solid android:color="#12101010" />
            <corners android:radius="12dp" />
        </shape>
    </item>
</layer-list>

层数可能因主矩形的颜色和背景而异。

如何将褪色边添加到矩形可绘制？

1 个答案: