可绘制的xml,水平线和中间的圆形

问题描述:

我想为下面的形状创建一个可绘制的xml文件。它会像水平线一样填充布局的宽度和中间的一个圆。可绘制的xml,水平线和中间的圆形

enter image description here

谁能帮我这个?提前致谢。

+0

见下文drwable XML我的回答是根据你的形象绘制准确。 –

保持简单

<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> 

输出

enter image description here

+0

感谢您的回复,并根据需要进行工作。我怎样才能在行的开始和结束处获得圆角曲线? – Kameswari

<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> 

希望这有助于

创建绘制文件,并把下面的代码。
然后将您的颜色代码改为红色。

<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> 

enter image description here

使用下面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>