Android - 图层列表椭圆形状有额外的内线

Question

我已经创建了一个图层列表，但它并不完美。这里是层列表中的Android XML：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="oval"> 
      <size 
       android:width="200dp" 
       android:height="200dp" /> 
      <solid android:color="#5BB534" /> 
     </shape> 
    </item> 
    <item 
     android:left="25dp" 
     android:top="25dp" 
     android:right="25dp" 
     android:bottom="25dp"> 
     <shape> 
      <solid android:color="#4335BA" /> 
     </shape> 
    </item> 
    <item 
     android:left="30dp" 
     android:top="30dp" 
     android:right="30dp" 
     android:bottom="30dp"> 
     <shape 
      android:shape="ring" 
      android:thickness="20dp" 
      android:useLevel="false"> 
      <solid android:color="#BFB637" /> 
     </shape> 
    </item> 
</layer-list> 

，这里是我在哪里应用层列表：

<TextView 
    android:id="@+id/tv" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="15dp" 
    android:text="Hello World!" /> 

<ImageView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/mylayerlist" 
    android:layout_below="@id/tv"/> 

下面是最终产品：

请注意，这条线粘在圆内。我只想要一个完美的圈子。我希望它看起来像这样（或多或少，刚刚摆脱的小线伸出）：

Answer 1

我会尝试用innerRadius。

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="oval"> 
      <size 
       android:width="200dp" 
       android:height="200dp" /> 
      <solid android:color="#5BB534" /> 
     </shape> 
    </item> 
    <item 
     android:left="25dp" 
     android:top="25dp" 
     android:right="25dp" 
     android:bottom="25dp"> 
     <shape> 
      <solid android:color="#4335BA" /> 
     </shape> 
    </item> 
    <item 
     > 
       <shape 
        android:innerRadius="100dp" 
        android:shape="ring" 
        android:thickness="20dp" 
        android:useLevel="false"> 
        <solid android:color="#BFB637" /> 

       </shape> 

    </item> 
</layer-list> 

或者，您可以随时在画布上创建一些快乐的绘图，创建自定义视图。

Answer 2

To create a ring like Layered List. 


XML Code 

<?xml version="1.0" encoding="utf-8"?> 
<layer-list 
    xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item> 
     <shape 
      android:shape="oval"> 

      <solid 
       android:color="@android:color/holo_green_dark"> 

      </solid> 

      <size 
       android:width="30dp" 
       android:height="30dp"> 

      </size> 
     </shape> 
    </item> 

    <item 
     android:left="5dp" 
     android:right="5dp" 
     android:top="5dp" 
     android:bottom="5dp"> 
     <shape 
      android:shape="oval"> 
      <stroke 
       android:width="2dp" 
       android:color="@android:color/white"> 
      </stroke> 
     </shape> 
    </item> 

    <item 
     android:left="15dp" 
     android:right="15dp" 
     android:top="15dp" 
     android:bottom="15dp"> 

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

</layer-list>