Comment dessiner une forme verticale au centre d'un dessin XML

Question

Comment une ligne verticale peut-elle être tracée dans un dessin XML lorsque vous utilisez un layer-list? J'ai déclaré 3 formes dans le drawable mais pour une raison quelconque, il n'apparaît pas comme prévu.

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="@color/green"/> 
     </shape> 
    </item> 

    <item android:top="0dp" android:left="1dp" android:bottom="0dp" android:right="5dp"> 
     <shape android:shape="rectangle"> 
      <size android:width="3dp"/> 
      <solid android:color="@android:color/white"/> 
     </shape> 
    </item> 
    <item android:top="0dp" android:left="5dp" android:bottom="0dp" android:right="1dp"> 
     <shape android:shape="rectangle"> 
      <size android:width="3dp"/> 
      <solid android:color="@android:color/white"/> 
     </shape> 
    </item> 
</layer-list> 

Résultat courant

Résultat attendu

Answer 1

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

<item 
    android:width="16dp" 
    android:left="15px"> 
    <shape 
     android:shape="rectangle"> 
     <solid android:color="@color/colorAccent" />/> 
     <size android:width="5dip" /> 
     <stroke android:color="@color/colorAccent" /> 
    </shape> 
</item> 
<item 
    android:width="16dp" 
    android:left="80px"> 

    <shape 
     android:shape="rectangle"> 
     <solid android:color="@color/colorAccent" />/> 
     <size android:width="5dip" /> 
     <stroke android:color="@color/colorAccent" /> 
    </shape> 
</item> 

<item 
    android:width="16dp" 
    android:left="140px"> 
    <shape 
     android:shape="rectangle"> 
     <solid android:color="@color/colorAccent" />/> 
     <size android:width="5dip" /> 
     <stroke android:color="@color/colorAccent" /> 
    </shape> 
</item> 

</layer-list> 

Answer 2

Essayez cette solution

drawable/shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"> 
<solid android:color="@color/colorAccent" />/> 
<size android:width="5dip" /> 
<stroke 
    android:color="@color/colorAccent" 
    /> 
</shape> 

Inclure dans la mise en page fichier les éléments suivants

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/activity_main" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal"> 

<View 
    android:layout_width="15dip" 
    android:layout_height="wrap_content" 
    android:layout_margin="@dimen/activity_horizontal_margin" 
    android:background="@drawable/shape"></View> 

<View 
    android:layout_width="15dip" 
    android:layout_height="wrap_content" 
    android:layout_margin="@dimen/activity_horizontal_margin" 
    android:background="@drawable/shape"></View> 

<View 
    android:layout_width="15dip" 
    android:layout_height="wrap_content" 
    android:layout_margin="@dimen/activity_horizontal_margin" 
    android:background="@drawable/shape"></View> 

</LinearLayout> 

Changer les couleurs et fixer les marges de la mise en page.