Layering two Shapes в 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>