附原文出处: https://www.jianshu.com/p/b65e489093c7
一 、基本属性(corners、solid、gradient、stroke、size、padding)
1、corners:定义圆角
<corners //定义圆角
android:radius="dimension" //全部的圆角半径
android:topLeftRadius="dimension" //左上角的圆角半径
android:topRightRadius="dimension" //右上角的圆角半径
android:bottomLeftRadius="dimension" //左下角的圆角半径
android:bottomRightRadius="dimension" /> //右下角的圆角半径
2、 solid:指定内部填充色
<solid android:color="color" />
3、gradient:用以定义渐变色,可以定义两色渐变和三色渐变,及渐变样式
<gradient
android:type=["linear" | "radial" | "sweep"] //共有3中渐变类型,线性渐变(默认)/放射渐变/扫描式渐变
android:angle="integer" //渐变角度,必须为45的倍数,0为从左到右,90为从上到下(仅对线性渐变有效)
android:centerX="float" //渐变中心X的相当位置,范围为0~1(仅当渐变类型为放射渐变时有效)
android:centerY="float" //渐变中心Y的相当位置,范围为0~1(仅当渐变类型为放射渐变时有效)
android:startColor="color" //渐变开始点的颜色
android:centerColor="color" //渐变中间点的颜色,在开始与结束点之间
android:endColor="color" //渐变结束点的颜色
android:gradientRadius="float" //渐变的半径,只有当渐变类型为radial时才能使用
android:useLevel=["true" | "false"] /> //使用LevelListDrawable时就要设置为true。设为false时才有渐变效果
4、stroke:描边属性,可以定义描边的宽度,颜色,虚实线等
<stroke
android:width="dimension" //描边的宽度
android:color="color" //描边的颜色
// 以下两个属性设置虚线
android:dashWidth="dimension" //虚线的宽度,值为0时是实线
android:dashGap="dimension" /> //虚线的间隔
5、size:定义图形的大小
<size
android:width="dimension"
android:height="dimension" />
6、padding:定义内部边距
<padding
android:left="dimension"
android:top="dimension"
android:right="dimension"
android:bottom="dimension" />
7、Shape的属性(rectangle、oval、line、ring)
1.android:shape=["rectangle" | "oval" | "line" | "ring"]
2.shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)
3.下面的属性只有在android:shape="ring时可用:
4.android:innerRadius 尺寸,内环的半径。
5.android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径,
6.android:thickness 尺寸,环的厚度
7.android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2",
8.android:useLevel boolean值,如果当做是LevelListDrawable使用时值为true,
二、 实践
1、oval_green.xml内容
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false" >
<size
android:width="23dp"
android:height="23dp" />
<solid android:color="@android:color/holo_green_light" />
</shape>
2、rectangle_blue.xml内容
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!--内部填充色-->
<solid android:color="#DFDFE0" />
<!--左上右下的圆角半径-->
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" />
<!--外边线的颜色-->
<stroke
android:width="3dp"
android:color="@android:color/holo_blue_light" />
</shape>
3、布局文件内容
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp"
android:orientation="horizontal">
<ImageView
android:id="@+id/view"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="40dp"
android:src="@drawable/oval_green"/>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="40dp"
android:text="hello"
android:gravity="center"
android:background="@drawable/rectangle_blue"/>
</LinearLayout>
4、效果