美工没时间给图，简单的图让我们自己写，哭啊！ 所以具体研究了一下shape的使用，保存下

Posted 2020-09-25 wlwqnj

在drawable文件夹中创建一个shape的资源文件，其中shape有四个属性（rectangle、oval、line、ring） 这四个属性是用来定义图形的形状对应（矩形、椭圆、线、圆环）

除了ring属性外，别的三个属性直接定义就可以得到对应的图形。但使用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，否则为false.  

 

图形的形状定义出来了，下面就需要定义一些图形的属性了，颜色、边框、渐变色、圆角、size、padding

1.Corners（圆角）

<corners    //定义圆角  
    android:radius="dimension"      //全部的圆角半径  
    android:topLeftRadius="dimension"   //左上角的圆角半径  
    android:topRightRadius="dimension"  //右上角的圆角半径  
    android:bottomLeftRadius="dimension"    //左下角的圆角半径  
    android:bottomRightRadius="dimension" />    //右下角的圆角半径 

Corners标签是用来字义圆角的，其中radius与其它四个并不能共同使用。

Android:radius：定义四个角的的圆角半径。

其它四个是逐个字义每个角的圆角半径。

2.solid（颜色）

 <solid android:color="#ffff00"/> 

直接定义你需要的颜色使用就可以了，没什么花哨的

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时才有渐变效果 

需要注意的一点是，在构造放射性渐变时，要加上android:gradientRadius属性（渐变半径），即必须指定渐变半径的大小才会起作用，下面列出这三个渐变方式的shape代码，供大家参考：

首先有三种渐变类型，分别是：linear（线性渐变）、radial（放射性渐变）、sweep（扫描式渐变）    看下三种渐变对应的效果

4.angle（仅对线性渐变有效）

android:angle="integer"     //渐变角度，必须为45的倍数，0为从左到右，90为从上到下     切记只对线性渐变有效

 

5.stroke（描边属性，可以定义描边的宽度、颜色、虚实线等）

<stroke       
    android:width="dimension"   //描边的宽度    　　直接用  dp值就可以了
    android:color="color"   //描边的颜色  
    // 以下两个属性设置虚线  
    android:dashWidth="dimension"   //虚线的宽度，值为0时是实线  
    android:dashGap="dimension" />      //虚线的间隔

6.size和padding基本上不用，在xml布局文件中可以直接设置

通过上述属性、大家可以直接定义出需要的图形出来。