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>