有时,我们为了APP中节省空间,在能用颜色替代的地方就不要用图片,而如何将颜色组织成想要的形状及如何为指定的颜色添加描边、渐变等来模拟图片就显的极为重要了,这些就是靠shape来完成的。
shape标签的属性
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="ring" shape的形状默认是矩形(rectangle) 椭圆形(oval) 线性形状(line) 环形(ring)
一下属性只有为环形(ring)才可以使用
android:innerRadiusRatio="200dp" 浮点型 以环的宽度比率来表示内环的半径
android:thicknessRatio="10dp" 浮点型 以环的宽度比率来表示环的厚度
android:innerRadius="20dp" 尺寸内环的半径
android:thickness="50dp" 尺寸 环的厚度
android:useLevel="false" boolean值,如果当做是LevelListDrawable使用时值为true,否则为false.
>
shape标签下包含的子标签
Corners 定义圆角
solid 指定内部填充色
gradient 定义渐变色 可以定义两色渐变 三色渐变 渐变样式
storke 描边的属性
size 定义图形大小
ppadding 定义内部边距
Corners 定义圆角
<corners
android:bottomLeftRadius="10dp" 左下角的圆角半径
android:bottomRightRadius="10dp" 右下角的圆角半径
android:radius="10dp" 全部圆角
android:topLeftRadius="10dp" 左上角的圆角半径
android:topRightRadius="10dp" /> 右上角的圆角半径
如果每个角都得设置的话只用设置radius就可以了 不用设置其他的
有单独的业务需求可以采用另外几个属性
使用方法 再需要添加的控件中android:background="@drawable/xml的名字"
单独用Corners是看不出效果的还得需要添加sloid来配合使用 下面我们来讲解solid
solid 内部填充色
<solid android:color="@color/colorPrimary" />填充的颜色
solid只有一个填充颜色的属性
gradient 定义渐变色 可以定义两色渐变 三色渐变 渐变样式
<gradient
android:angle="integer" 渐变角度 必须是45的倍数 0为从左到右 90为从上到下
android:centerColor="color" 渐变中间点的颜色,在开始与结束点之间
android:centerX="float" 渐变中心X的相当位置 范围为0~1
android:centerY="float" 渐变中心Y的相当位置 范围0 ~1
android:endColor="color" 渐变结束点的颜色
android:gradientRadius="float" 渐变的半径 只有当渐变类型为radial(放射渐变)时才能使用
android:startColor="color" 渐变开始点的颜色
android:type="linear" 共三种渐变形式 linear(线性渐变默认) radial(放射渐变) sweep(扫描渐变)
android:useLevel="true" 使用LevelListDrawable时就要设置为true。设为false时才有渐变效果 />
(1) 线性渐变
<gradient
android:type="linear"
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"/>
放射性渐变
<gradient
android:type="radial"
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"
android:gradientRadius="100"/>必须加上这个才可以有效不然没有效果
扫描式渐变
<gradient
android:type="sweep"
android:startColor="#ff0000"
android:centerColor="#00ff00"
android:endColor="#0000ff"/>
(2) andorid;angle(仅对线性渐变有效)
(3) android:centerX和android:centerY
centerX、centerY两个属性用于设置渐变的中心点位置,仅当渐变类型为放射渐变时有效,类型为分数或小数,不接受Dimension。默认值是0.5,有效值是0.0~1.0,超出该范围后会看不出渐变效果。centerX、centerY的取值其实是宽和高的百分比
(4) android:uselevel
useLevel属性通常不使用。该属性用于指定是否将该shape当成一个LevelListDrawable来使用,默认值为false。
stroke 描边属性
<stroke
android:color="#000000" 描边颜色
android:width="10dp" 描边宽度
android:dashGap="1dp" 虚线的宽度,当为0时是实线
android:dashWidth="100dp" 虚线的间隔
/>
size和padding 图形大小和内边距 因为控件本身也有这两个属性 所以基本上不需用设置