Android shape属性介绍

今天研究了一下Android的边框，需要在drawable中新建xml文件，需要用到一个很重要的属性shape

一、在drawable文件夹中新建xml文件

对于诸位资深Android开发攻城狮来说这或许很简单，但是对于我这么一个半路转过来的小菜鸡来说却不那么简单，我是网上查了好几篇文章菜搞定的，在此记录下来。

首先选中res文件夹右键选中new->Android resource file

img01.png

然后分别填写信息

img02.png

二、shape属性介绍

1. corners定义圆角

  <corners     
    android:radius="10dp"  //全部的圆角半径；   
    android:topLeftRadius="5dp"  //左上角的圆角半径；   
    android:topRightRadius="5dp" //右上角的圆角半径；   
    android:bottomLeftRadius="5dp"  //左下角的圆角半径；   
    android:bottomRightRadius="5dp" /> //右下角的圆角半径。

2. gradient渐变色

<gradient  
    android:type=["linear" | "radial" | "sweep"]   //共有3中渐变类型，线性渐变（默认）/放射渐变/扫描式渐变；
    android:angle="90"  //渐变角度，必须为45的倍数，0为从左到右，90为从上到下；   
    android:centerX="0.5"  //渐变中心X的相当位置，范围为0～1；
    android:centerY="0.5"  //渐变中心Y的相当位置，范围为0～1；   
    android:startColor="#24e9f2"  //渐变开始点的颜色；   
    android:centerColor="#2564ef" //渐变中间点的颜色，在开始与结束点之间；   
    android:endColor="#25f1ef"  //渐变结束点的颜色；   
    android:gradientRadius="5dp"  //渐变的半径，只有当渐变类型为radial时才能使用；   
    android:useLevel="false" /> //使用LevelListDrawable时就要设置为true。设为false时才有渐变效果。  

当设置填充颜色后，无渐变效果。angle的值必须是45的倍数（包括0），仅在type="linear"有效，不然会报错。android:useLevel 这个属性不知道有什么用。

img03.jpg

3. padding内边距

<padding    
    android:left="10dp"  //左内边距； 
    android:top="10dp"   //上内边距；
    android:right="10dp"   //右内边距；
    android:bottom="10dp" /> //下内边距。

4. size大小

<size   
   android:width="50dp"  //宽度 
   android:height="50dp" />// 高度

5. solid内部填充色

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

6. stroke描边

<stroke        
    android:width="1dp"   //描边的宽度   
    android:color="#ff0000"   //描边的颜色   
    // 以下两个属性设置虚线   
    android:dashWidth="1dp" //虚线的宽度，值为0时是实线   
    android:dashGap="1dp" />//虚线的间隔

7. shape形状

这个属性是shape标签本身的属性

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape=["rectangle" | "oval" | "line" | "ring"] //shape的形状，默认为矩形，可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)   
  //下面的属性只有在android:shape="ring"时可用：   
  android:innerRadius="10dp" //  内环的半径； 
  android:innerRadiusRatio="2"  // 浮点型，以环的宽度比率来表示内环的半径；   
  android:thickness="3dp"   // 环的厚度；   
  android:thicknessRatio="2" //  浮点型，以环的宽度比率来表示环的厚度；  
  android:useLevel="false"> //  boolean值，如果当做是LevelListDrawable使用时值为true，否则为false。
</shape>

7.1 rectangle（矩形）

<?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"/>
</shape>

7.2 oval（椭圆）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/colorPrimary"/>
    <size android:height="100dp"
        android:width="100dp"/>
</shape>

7.3 line（线）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="1dp"
         android:color="@color/colorAccent"
         android:dashGap="3dp"//虚线间距
         android:dashWidth="4dp"/>//虚线宽度
    <size android:height="3dp"/>
</shape>

7.4 ring（圆环）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:useLevel="false"
    android:innerRadius="20dp" // 内环的半径
    android:thickness="10dp"> // 圆环宽度
    <!--useLevel需要设置为false-->
    <solid android:color="@color/colorAccent"/>
</shape>

参考文章
https://blog.csdn.net/xiaociwei82/article/details/51870647
https://www.jianshu.com/p/70dc784a88d9
https://www.cnblogs.com/awkflf11/p/4953040.html