android xml画横线,Android通过xml shape画实线、虚线等常见几何图形

先看下效果图,后面直接上代码。整体的实现感觉都不是很难，可能有些属性不大认识，不过只要翻译下还是可以理解的，不多说！

如上都是通过shape文件实现的背景，右边的是点击变化的渐变背景。xml布局如下：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="14dp">

android:layout_width="match_parent"

android:layout_height="2dp"

android:layout_marginTop="10dp"

android:background="@drawable/line_dash"

android:layerType="software"

android:tag="虚线" />

android:layout_width="match_parent"

android:layout_height="11dp"

android:layout_marginTop="10dp"

android:background="@drawable/line_dash2"

android:layerType="software"

android:tag="虚线" />

android:layout_width="match_parent"

android:layout_height="2dp"

android:tag="实线"

android:layout_marginTop="10dp"

android:background="@drawable/line_solid" />

android:layout_width="match_parent"

android:layout_height="50dp"

android:tag="正方"

android:layout_marginTop="10dp"

android:background="@drawable/rect_dash" />

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:layout_width="100dp"

android:tag="圆形"

android:layout_height="100dp"

android:layout_marginTop="10dp"

android:background="@drawable/oval_dash" />

android:layout_width="100dp"

android:layout_height="100dp"

android:tag="圆环"

android:layout_marginTop="10dp"

android:background="@drawable/line_ring" />

android:layout_width="100dp"

android:tag="径向渐变"

android:layout_height="100dp"

android:layout_marginTop="10dp"

android:background="@drawable/rect_radial" />

android:layout_width="match_parent"

android:layout_height="50dp"

android:layout_marginTop="10dp"

android:background="@drawable/rect_gradient" />

android:layout_width="match_parent"

android:layout_height="50dp"

android:layout_marginTop="10dp"

android:background="@drawable/rect_inset"

android:clickable="true"

android:tag="按下变换"

android:focusable="true" />

下面是各个shape文件，

E:\Workspace_studio\Test_android\app\src\main\res\drawable\line_dash.xml

android:shape="line">

android:width="1dp"

android:color="#f00"

android:dashGap="5sp"

android:dashWidth="5dp" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\line_dash2.xml

android:shape="line">

android:width="10dp"

android:color="#0f0"

android:dashGap="5sp"

android:dashWidth="5dp" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\line_solid.xml

android:shape="line">

android:width="1dp"

android:color="#00f"

android:dashGap="0sp"

android:dashWidth="5dp" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\rect_dash.xml

android:shape="rectangle">

android:width="2dp"

android:color="#49da2b"

android:dashGap="8sp"

android:dashWidth="8dp" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\oval_dash.xml

android:shape="oval">

android:width="8dp"

android:color="#49da2b"

android:dashGap="8sp"

android:dashWidth="8dp" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\line_ring.xml

android:innerRadiusRatio="2.8"

android:shape="ring"

android:thicknessRatio="8"

android:useLevel="false">

android:endColor="#154d91"

android:startColor="#f3f7f3"

android:type="sweep" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\rect_radial.xml

android:shape="rectangle"

android:useLevel="false">

android:endColor="#f7041c"

android:gradientRadius="60dp"

android:startColor="#f7f6f6"

android:type="radial" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\rect_gradient.xml

android:shape="rectangle">

android:angle="270"

android:endColor="#154d91"

android:startColor="#a2e6a2" />

E:\Workspace_studio\Test_android\app\src\main\res\drawable\rect_inset.xml

android:insetLeft="1.0px"

android:insetRight="1.0px">

android:angle="270"

android:endColor="#03336c"

android:startColor="#6ac76a" />

android:width="1dp"

android:color="#0f0" />

android:angle="270"

android:endColor="#154d91"

android:startColor="#a2e6a2" />

android:width="1dp"

android:color="#0f0" />