在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

希望它有助于

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>