在Android中分层两个形状

Question

我正在尝试为搜索栏创建自定义缩略图，我希望它看起来像一个带有白色＆＃34;发光的橙色圆圈＆＃34;边缘效果。我试图通过将两个圆圈相互叠加来实现这一点，一个是白色到透明的渐变，然后是一个较小的橙色圆圈，如下所示：

这是xml文件：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape>
            <corners android:radius="30dp" />
            <size
                android:height="30dp"
                android:width="30dp" />
            <gradient
                android:startColor="@android:color/white"
                android:endColor="@android:color/transparent"
                android:gradientRadius="20dp"
                android:type="radial"
                />
        </shape>
    </item>

    <item>
        <shape>
            <corners android:radius="20dp" />
            <size
                android:height="20dp"
                android:width="20dp" />
            <gradient
                android:startColor="@color/app_light_orange"
                android:endColor="@color/app_orange"
                android:gradientRadius="18dp"
                android:type="radial"
                />
        </shape>
    </item>

</layer-list>

然而，当我运行我的应用程序时，缩略图只是一个半径为30dp的橙色圆圈。我如何解决它以获得我想要的结果？

Answer 1

希望有所帮助

Halo Image Here

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <size
            android:width="100dp"
            android:height="100dp" />

        <gradient
            android:angle="270"
            android:centerColor="#FFFFFF"
            android:centerX="50%p"
            android:centerY="50%p"
            android:endColor="#00FFFFFF"
            android:gradientRadius="50%p"
            android:startColor="#00FFFFFF"
            android:type="radial" />
    </shape>
</item>

<item android:top="20dp" android:left="20dp" android:bottom="20dp" android:right="20dp">
    <shape android:shape="oval">
        <size
            android:width="100dp"
            android:height="100dp" />

        <solid android:color="@android:color/holo_red_dark" />
    </shape>
</item>