可繪製的xml，水平線和中間的圓形

Question

我想爲下面的形狀創建一個可繪製的xml文件。它會像水平線一樣填充佈局的寬度和中間的一個圓。

誰能幫我這個？提前致謝。

Answer 1

保持簡單

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item 
     android:height="1dp" 
     android:gravity="center"> 
     <shape android:shape="rectangle"> 
      <solid android:color="#ff0000" /> 
     </shape> 
    </item> 

    <item 
     android:width="56dp" 
     android:height="56dp" 
     android:gravity="center"> 
     <shape android:shape="oval"> 
      <solid android:color="#ff0000" /> 
     </shape> 
    </item> 
</layer-list> 

輸出

Answer 2

<RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/txtstep" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="30dp" 
      android:layout_marginTop="6dp"> 

      <TextView 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_centerInParent="true" 
       android:background="@drawable/simple_border_white" 
       android:textSize="3dp" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerInParent="true" 
       android:background="@drawable/round_with_shadow" 
       android:gravity="center" 
       android:text="1" 
       android:textColor="@color/colorPrimaryDark" 
       android:textSize="26sp" /> 

     </RelativeLayout> 

simple_border_white.xml

<?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="@android:color/transparent" /> 
      <!--background color of box--> 
     </shape> 
    </item> 

    <item 
     android:left="-2dp" 
     android:right="-2dp" 
     android:top="-2dp"> 
     <shape> 
      <solid android:color="@android:color/transparent" /> 
      <stroke 
       android:width="1dp" 
       android:color="@color/accentcolor" /> 
     </shape> 
    </item> 
</layer-list> 

round_with_shadow.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"> 
    <solid android:color="@color/accentcolor"/> 
    <stroke 
     android:width="4dp" 
     android:color="@color/colorPrimaryLight"/> 
    <size android:width="40dp" android:height="40dp"/> 
</shape> 

希望這有助於

Answer 3

創建繪製文件，並把下面的代碼。
然後將您的顏色代碼改爲紅色。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item 
    android:bottom="10dp" 
    android:left="10dp" 
    android:right="10dp" 
    android:top="10dp"> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="oval"> 
     <solid android:color="@color/colorAccent" /> 
     <size 
      android:width="10dp" 
      android:height="10dp" /> 
    </shape> 
</item> 
<item> 
    <rotate 
     android:fromDegrees="180" 
     android:pivotX="50%" 
     android:pivotY="50%" 
     android:toDegrees="90"> 
     <shape 
      android:shape="line" 
      android:top="1dp"> 
      <stroke 
       android:width="0.5dp" 
       android:color="@color/colorAccent" /> 
     </shape> 
    </rotate> 
</item> 

Answer 4

使用下面drawable XML到您的看法背景：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item 
     android:width="100dp" 
     android:height="100dp" 
     android:gravity="center"> 

     <shape android:shape="oval"> 
      <solid android:color="@android:color/holo_red_dark" /> 
      <!--background color of box--> 
     </shape> 

    </item> 
    <item 
     android:height="10dp" 
     android:gravity="center"> 

     <shape android:shape="rectangle"> 
      <solid android:color="@android:color/holo_red_dark" /> 
      <!--background color of box--> 
     </shape> 

    </item> 

</layer-list>