如何使用xml在Android中创建带有左右边框的向下箭头指示器

Question

我想为这个视图创建一个形状。

有没有办法做到这一点使用XML？ 感谢

Answer 1

这里是你的自定义绘制custom_shape_down_arrow.xml：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <!-- Background --> 
    <item> 
     <shape android:shape="rectangle"> 
      <size 
       android:width="250dp" 
       android:height="20dp" /> 
      <solid android:color="#cdcdcd" /> 
     </shape> 
    </item> 

    <!-- Top-Left Line --> 
    <item 
     android:right="150dp" 
     android:bottom="18.7dp"> 
     <shape android:shape="line"> 
      <stroke 
       android:color="#999999" 
       android:width="1dp" /> 
     </shape> 
    </item> 

    <!-- Top-Right Line --> 
    <item 
     android:left="150dp" 
     android:bottom="18.7dp"> 
     <shape android:shape="line"> 
      <stroke 
       android:color="#999999" 
       android:width="1dp" /> 
     </shape> 
    </item> 

    <!-- Left-Diagonal Line --> 
    <item 
     android:right="25dp"> 
     <rotate android:fromDegrees="36"> 
      <shape android:shape="line"> 
       <stroke 
        android:color="#999999" 
        android:width="1dp" /> 
      </shape> 
     </rotate> 
    </item> 

    <!-- Right-Diagonal Line --> 
    <item 
     android:left="27dp"> 
     <rotate android:fromDegrees="322"> 
      <shape android:shape="line"> 
       <stroke 
        android:color="#999999" 
        android:width="1dp" /> 
      </shape> 
     </rotate> 
    </item> 

</layer-list> 

用途：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_margin="24dp" 
    android:gravity="center_horizontal"> 

    <!-- Custom shape --> 
    <LinearLayout 
     android:id="@+id/layout_custom_shape" 
     android:layout_width="wrap_content" 
     android:layout_height="60dp" 
     android:paddingTop="10dp" 
     android:background="#cdcdcd"> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:background="@drawable/custom_shape_down_arrow"> 

     </LinearLayout> 
    </LinearLayout> 

</LinearLayout> 

OUTPUT：

希望这会有所帮助〜