在Android中分層兩個形狀

Question

我正在嘗試為搜索欄創建自定義縮略圖，並且希望它看起來像一個橙色的圓圈，在其邊緣具有白色的“發光”效果。 我正在嘗試通過將兩個圓圈彼此層疊，一個圓圈具有白色到透明的漸變，然后在頂部放一個較小的橙色圓圈來實現此目的，如下所示：

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

希望能幫助到你

這里的光暈圖像

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