如何将褪色边缘添加到矩形可绘制对象？答案

【问题标题】：How to add faded edges to a rectangle drawable?如何将褪色边缘添加到矩形可绘制对象？
【发布时间】：2018-02-11 19:39:20
【问题描述】：

我目前有以下可绘制对象，它创建了一个带有圆角边缘、半透明黑色背景和透明边缘的矩形（以防我稍后想展示它们）：

<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>

我的问题是如何修改它以使矩形背景的边缘褪色，以提供更柔和的外观？

【问题讨论】：

您只需要半透明背景还是制作它的某种动画？
@AleksandrMedvedev 我已经有一个半透明的背景，颜色的十六进制值以不透明度值50 开头。我只需要让边缘褪色，所以我猜你可以说边缘是部分透明的。褪色边缘不需要显示任何类型的运动/动画。
使用九个补丁可绘制
@AleksandrMedvedev 我不是专门指边缘线，而是指整个图像的边缘。像这样i38.tinypic.com/16ke144.jpg

标签： android xml android-layout android-drawable

【解决方案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>

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

【讨论】：