1. 使用 shape 绘制线条
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line" >
<!-- 显示一条虚线,破折线的宽度为 dashWith,破折线之间的空隙的宽度为 dashGap,当 dashGap=0dp 时,为实线 -->
<stroke
android:dashGap="3dp"
android:dashWidth="2dp"
android:width="1dp"
android:color="#777777" />
<!-- 虚线的高度 -->
<size android:height="2dp" />
</shape>
|
2. 使用 shape 绘制圆形
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<!-- 填充颜色 -->
<solid android:color="#F0F0F0" ></solid>
<!--线的宽度,颜色灰色-->
<stroke android:width="2dp" android:color="#777777"></stroke>
<!-- 矩形的圆角半径 -->
<corners android:radius="5dp" />
</shape>
|
3. 使用 shape 绘制矩形
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- 填充颜色 -->
<solid android:color="#F0F0F0" ></solid>
<!-- 显示一条实线,线的宽度为 width,颜色为 color -->
<!-- <stroke android:width="2dp" android:color="#E3E0D5"></stroke> -->
<!-- 显示一条虚线,破折线的宽度为 dashWith,破折线之间的空隙的宽度为 dashGap,当 dashGap=0dp 时,为实线 -->
<stroke
android:dashGap="2dp"
android:dashWidth="5dp"
android:width="2dp"
android:color="#777777" />
<!-- 虚线的高度 -->
<size android:height="10dp" />
<!-- 矩形的圆角半径 -->
<corners android:radius="0dp" /> </shape>
|
4. 使用 shape 绘制半圆角矩形
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- topLeftRadius、topRightRadius 为半圆角矩形上半部分的圆角半径,bottomLeftRadius、bottomRightRadius 为矩形下半部分的圆角半径,值为0表示直角 -->
<corners
android:bottomLeftRadius="0dp"
android:bottomRightRadius="0dp"
android:topLeftRadius="5dp"
android:topRightRadius="5dp" />
<gradient
android:angle="270"
android:endColor="#d3d3d3"
android:startColor="#d3d3d3" />
<stroke
android:width="0.5dp"
android:color="#d9d9d9" />
</shape>
|
5.使用shape绘制椭圆环
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid android:color="#00FFFFFF" />
<corners android:radius="200.0dp" />
<stroke
android:width="1dp"
android:color="#FFFFFF" />
</shape>
|
shape图形各个属性介绍
<shape>
<!-- 实心 -->
<solid android:color="#ff9d77"/>
<!-- 渐变 -->
<gradient
android:startColor="#ff8c00"
android:endColor="#FFFFFF"
android:angle="270" />
<!-- 描边 -->
<stroke
android:width="2dp"
android:color="#dcdcdc" />
<!-- 圆角 -->
<corners
android:radius="2dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
|
solid:实心,就是填充的意思
android:color指定填充的颜色
gradient:渐变
android:startColor:起始颜色
android:endColor:结束颜色
ndroid:angle:是渐变角度,必须为45的整数倍。
android:type:另外渐变默认的模式为:
android:type="linear",即线性渐变,可以指定渐变为径向渐变
android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp" 描边的宽度
android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
<corners
android:topRightRadius="20dp" 右上角
android:bottomLeftRadius="20dp" 右下角
android:topLeftRadius="1dp" 左上角
android:bottomRightRadius="0dp" 左下角
/>
这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。
padding:间隔