android shape的基础知识

前言

最近在重构公司的项目，发现里面有大量的png图片，而且一些简单的图标也用png，无形中使得项目的体积增大了，于是决心使用Android中的Shape去替代那些简单图标的png，于是有了这一篇学习笔记。

定义

一般使用shape首先会在drawable目录下新建一个xml资源文件，Android studio常常默认是selector标签（下节再学习），所以要改为需要的shape标签。使用shape可以自定义形状，可以定义下面四种类型的形状，通过android:shape属性指定所需的形状：

1. rectangle: 矩形，shape标签默认的形状，可以画出直角矩形、圆角矩形、弧形等；
2. oval: 椭圆形，用得比较多的是画正圆；
3. line: 线形，可以画实线和虚线；
4. ring: 环形，可以画环形进度条。

如项目中用到的一个例子：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--颜色-->
    <solid android:color="@color/colorPrimary" />
	<!--大小-->
    <size android:height="5dp" android:width="50dp"/>
</shape>

下面学习这些形状可设置的一些属性：

• solid: 设置形状填充的颜色，只有android:color一个属性，如上例子。
• padding: 设置内容与形状边界的内间距，可分别设置左右上下的距离，如：

<!--android:left 左内间距,android:right 右内间距,android:top 上内间距,android:bottom 下内间距-->
<padding
    android:bottom="5dp"
    android:left="10dp"
    android:right="10dp"
    android:top="5dp" />

• gradient: 设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变，如：

<!--android:type 渐变的类型，有sweep、radial、linear三种类型
			linear 线性渐变，默认的渐变类型
			radial 放射渐变，设置该项时，android:gradientRadius也必须设置
			sweep 扫描性渐变;
	android:startColor 渐变开始的颜色
	android:endColor 渐变结束的颜色
	android:centerColor 渐变中间的颜色
	android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上
	android:centerX 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
	android:centerY 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
	android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用
	android:useLevel 如果为true，则可在LevelListDrawable中使用-->
<gradient
    android:angle="135"
    android:centerColor="#009688"
    android:endColor="#00695C"
    android:startColor="#4DB6AC"
    android:type="linear" />

• corners: 设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了，如：

<!--android:radius 圆角半径，会被下面每个特定的圆角属性重写
	android:topLeftRadius 左上角的半径
	android:topRightRadius 右上角的半径
	android:bottomLeftRadius 左下角的半径
	android:bottomRightRadius 右下角的半径-->
<corners
    android:bottomLeftRadius="5dp"
    android:bottomRightRadius="5dp"
    android:topLeftRadius="3dp"
    android:topRightRadius="3dp" />

• stroke: 设置描边，可描成实线或虚线。如：

<!--android:color 描边的颜色
	android:width 描边的宽度
	android:dashWidth 设置虚线时的横线长度
	android:dashGap 设置虚线时的横线之间的距离-->
<stroke
    android:width="1dp"
    android:color="@color/colorPrimary" />

• size: 设置形状默认的大小，可设置宽度和高度，如第一个例子。

注意：

line类型: 主要用于画分割线，是通过stroke和size特性组合来实现。

1. 只能画水平线，画不了竖线；
2. 线的高度是通过stroke的android:width属性设置的；
3. size的android:height属性定义的是整个形状区域的高度；
4. size的height必须大于stroke的width，否则，线无法显示；
5. 线在整个形状区域中是居中显示的；
6. 线左右两边会留有空白间距，线越粗，空白越大；
7. 引用虚线的view需要添加属性android:layerType，值设为"software"，否则显示不了虚线。

ring类型特有的属性：

1. android:innerRadius 内环的半径
2. android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径，默认为3，表示内环半径为环的宽度除以3，该值会被android:innerRadius覆盖
3. android:thickness 环的厚度
4. android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度，默认为9，表示环的厚度为环的宽度除以9，该值会被android:thickness覆盖
5. android:useLevel 一般为false，否则可能环形无法显示，只有作为LevelListDrawable使用时才设为true

The End

本次学习记录到此结束。