Android Layer-Liste Drawable mit zwei Objekten nicht richtig gezeichnet und mit falscher Größe

Question

Ich erstellte eine einfache Layer-Liste Zeichen, die ich als Indikator Wetter oder nicht ein Gerät verwenden möchte, ist online. Die ziehbar besteht aus einem äußeren Ring und einen inneren Kreis:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item 
     android:width="14dp" 
     android:height="14dp" 
     android:gravity="center"> 
     <shape android:shape="oval"> 
      <stroke 
       android:width="1dp" 
       android:color="@color/colorLightGray" /> 
     </shape> 
    </item> 
    <item 
     android:width="10dp" 
     android:height="10dp" 
     android:gravity="center"> 
     <shape android:shape="oval"> 
      <solid android:color="@color/colorLightGray" /> 
     </shape> 
    </item> 
</layer-list> 

In meinem Layout xml, die ziehbar scheint korrekt zu sein, wenn ich es als Quelle meiner Bildansicht zuweisen:

Allerdings, wenn ich den Code auf einem Gerät laufen, sieht es wie folgt aus:

Auch musste ich Breite und Höhe in meinem Layout einstellen sonst würde das Bild überhaupt nicht angezeigt.

FRAGEN:

• Was muss ich tun, damit ich widht/Höhe wrap_content in meinem Layout xml und konfigurieren Sie die Größe in der Schicht-Liste verwenden?

Answer 1

versuchen, diese layerlist ziehbar:

<?xml version="1.0" encoding="utf-8"?> 
 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
 
    <item android:gravity="center"> 
 
     <shape android:shape="oval"> 
 
      <size 
 
       android:width="14dp" 
 
       android:height="14dp" /> 
 
      <stroke 
 
       android:width="1dp" 
 
       android:color="@color/colorLightGray" /> 
 
     </shape> 
 
    </item> 
 
    <item 
 
     android:bottom="3dp" 
 
     android:left="3dp" 
 
     android:right="3dp" 
 
     android:top="3dp"> 
 
     <shape android:shape="oval"> 
 
      <size 
 
       android:width="10dp" 
 
       android:height="10dp" /> 
 
      <solid android:color="@color/colorLightGray" /> 
 
     </shape> 
 
    </item> 
 
</layer-list>

Answer 2

verwenden:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape 
      android:shape="oval"> 
      <solid 
       android:color="@android:color/transparent"/> 
      <padding 
       android:bottom="4dp" 
       android:left="4dp" 
       android:right="4dp" 
       android:top="4dp"/> 
      <stroke 
       android:width="1dp" 
       android:color="@color/colorLightGray"/> 
     </shape> 
    </item> 
    <item> 
     <shape 
      android:shape="oval"> 
      <solid 
       android:color="@color/colorLightGray"/> 
      <size 
       android:width="10dp" 
       android:height="10dp"/> 
     </shape> 

    </item> 
</layer-list>