Android ShapeDrawable学习

ShapeDrawable简介

ShapeDrawable 是一种常见的Drawable，可以认为是通过颜色来构造图形，既可以是纯色的，也可以是渐变色的。其语法如此下：

<?xml version="1.0" encoding="utf-8"?>
<!-- 用shape 标签创建Drawable--> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle|oval|line|ring">
    <corners
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer"
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer" />

    <solid android:color="color"/>
    <!--
    <solid>标签与<gradient>互斥
    -->
    <gradient
        android:angle="integer"
        android:centerColor="color"
        android:centerX="integer"
        android:centerY="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type="linear|radial|sweep"
        android:useLevel="false|true"></gradient>

    <stroke
        android:width="integer"
        android:color="color"
        android:dashGap="integer"
        android:dashWidth="integer"></stroke>

    <padding
        android:left="integer"
        android:right="integer"
        android:bottom="integer"
        android:top="integer"></padding>

    <size
        android:width="integer"
        android:height="integer"></size>
</shape>

看了是不是觉得然而并没有什么用呢？下面对各标签做简单的介绍。

1.android：shape

shape：表示图形的形状，有四个值：rectangle-矩形（默认）,oval-椭圆，line-横线，ring-圆环。注：line和ring必须通过 stroke 标签指定宽度和颜色等信息。

2.< corners>标签

只是适用于shape为rectangle，其单位为px。五个属性如下：
android:radius——四个角都设定一样的角度，优先级比较低，会被其他四个属性覆盖。
android:topLeftRadius —— 左上角
android:topRightRadius —— 右上角
android:bottomLeftRadius —— 左下角
android:bottomRightRadius —— 右下角

3.< gradient>渐变填充

与《solid》互斥，gradient表示渐变效果填充，而solid则表示纯色填充，属性如下：
android:angle——渐变角度，默认0，其值必须为45的倍数，0——从左到右，90——从下到上。。。
android:centerX——渐变中心点的横坐标。中心点会影响渐变的具体效果
android:centerY——渐变纵坐标。
android:startColor——渐变开始颜色
android:centerColor——渐变中间颜色
android:endColor——渐变结束颜色
android:type ——渐变类别，三个值：linear-线性，radial-径向渐变，sweep-扫描线渐变
android：useLevel——一般为false，当StateListDrawable时为true。
android:gradientRadius——渐变半径，仅当type为radial时有效。

4.< solid>纯色填充

android:color——填充颜色

5.< stroke>描边

android:width——描边的宽度
android:color——描边的颜色
android:dashWidth——组成虚线线段的宽度
android:dashGap——虚线之间的间隙

6.< padding>

包含view的空白，有四个属性：
android:left|right|top|bottom。

7.< size>

shape 的大小，两个属性，width和height。

ShapeDrawable简单例子

矩形绿色填充

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="60dp"
        android:radius="10dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="30dp" />
    <solid android:color="#60ce54" />
    <size
        android:width="200dp"
        android:height="50dp" />
</shape>

矩形颜色渐变填充

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="60dp"
        android:radius="10dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="30dp" />

   <gradient
       android:centerX="3"
       android:centerY="3"
       android:startColor="#f70818"
       android:endColor="#00ff00"/>
    <size
        android:width="200dp"
        android:height="50dp" />
</shape>

椭圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="6dp"
        android:color="#f4a404" />
    <size android:width="20dp"
        android:height="30dp"/>
</shape>

简单的例子就到这里。