运用shape绘制图形

shape的作用

在Android程序开发中，我们有时想使用特别的图形，而android studio中提供的图形有限，这时就可以使用Shape这个东西去定义各种各样的形状，Android允许通过xml定义资源，常见的有string、id、integer、dimen等、也可以定义一些图片资源。用shape可以做几何的矢量图，使界面更加有特色。

---

shape的基本语法

我们可以先看官方文档中的shape基本语法示例：

    <?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    <corners
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer"
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer" />
    <gradient
        android:angle="integer"
        android:centerX="float"
        android:centerY="float"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
    <padding
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        android:width="integer"
        android:height="integer" />
    <solid
        android:color="color" />
    <stroke
        android:width="integer"
        android:color="color"
        android:dashWidth="integer"
        android:dashGap="integer" />
</shape>

---

shape的根节点

shape的属性：

    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    //表示通过当前shape定义出一个什么形状

名称	图形
rectangle	矩形
oval	椭圆
ring	环形
line	线

注意：仅当 android:shape=”ring” 如下时才使用以下属性：

    android:innerRadius
    //尺寸。环内部（中间的孔）的半径，以尺寸值或尺寸资源表示。
    android:innerRadiusRatio
    //浮点型。环内部的半径，以环宽度的比率表示。例如，如果 android:innerRadiusRatio="5"，则内半径等于环宽度除以 5。此值被 android:innerRadius 覆盖。默认值为 9。
    android:thickness
    //尺寸。环的厚度，以尺寸值或尺寸资源表示。
    android:thicknessRatio
    //浮点型。环的厚度，表示为环宽度的比率。例如，如果 android:thicknessRatio="2"，则厚度等于环宽度除以 2。此值被 android:innerRadius 覆盖。默认值为 3。
    android:useLevel
    //布尔值。如果这用作 LevelListDrawable，则此值为“true”。这通常应为“false”，否则形状不会显示。

---

shape的子节点

在shape的根节点下还包含如下图表的子节点：

名称	作用
corners	圆角 （该属性只针对shape取值为rectangle时有效）
gradient	渐变色（形状中的颜色渐变）
solid	填充色/固定色
stroke	边线（就是形状最边缘的描线）
size	尺寸大小（一般不用定义））
padding	容距shape边界的距离（即边距。注意，因shape一般用做背景，所以这里的内容指的是以shape为背景的控件。用的比较少））

注意：solid 和gradient一般只使用一个，因为如果在代码中同时定义了solid和gradient，后定义的会覆盖先定义的一个。

corners 圆角

（注：只有当根节点的shape取值是rectangle时有效）
corners有5个属性如下：

    android:radius
    //尺寸 所有角的半径，以尺寸值或尺寸资源表示。对于每个角，这会被以下属性覆盖。
    android:topLeftRadius
    //尺寸 左上角的半径，以尺寸值或尺寸资源表示。
    android:topRightRadius
    //尺寸 右上角的半径，以尺寸值或尺寸资源表示。
    android:bottomLeftRadius
    //尺寸 左下角的半径，以尺寸值或尺寸资源表示。
    android:bottomRightRadius
    //尺寸 右下角的半径，以尺寸值或尺寸资源表示。

效果图： 也可绘制圆形：
注意：（最初）必须为每个角提供大于 1 的角半径，否则无法产生圆角。如果希望特定角不要倒圆角，解决方法是使用 android:radius 设置大于 1 的默认角半径，然后使用实际所需的值替换每个角，为不希望倒圆角的角提供零（“0dp”）

gradient 指定形状的渐变颜色

可以指定渐变的角度、颜色和类型，通过以下属性来控制：

    android:angle
    //整型 渐变的角度（度）。0 为从左到右，90 为从上到上。必须是 45 的倍数。默认值为 0。
    android:centerX
    //浮点型 渐变中心的相对 X 轴位置 (0 - 1.0)。
    android:centerY
    //浮点型 渐变中心的相对 Y 轴位置 (0 - 1.0)。
    android:centerColor
    //颜色 起始颜色与结束颜色之间的可选颜色，以十六进制值或颜色资源表示。
    android:endColor
    //颜色 结束颜色，表示为十六进制值或颜色资源。
    android:gradientRadius
    //浮点型 渐变的半径。仅在 android:type="radial" 时适用。
    android:startColor
    //颜色 起始颜色，表示为十六进制值或颜色资源。
    android:type
    /*关键字 要应用的渐变图案的类型。有效值为：
     值          说明
    "linear"    线性渐变。这是默认值。
    "radial"    径向渐变。起始颜色为中心颜色。
    "sweep"     流线型渐变*/
    android:useLevel
    //布尔值。如果这用作 LevelListDrawable，则此值为“true”。

效果如图：

solid 用于填充形状的纯色

    android:color
    //颜色 应用于形状的颜色，以十六进制值或颜色资源表示。

效果如图：

stroke 形状的笔划中线

控制边线的宽度、颜色和间距，有如下属性：

    android:width
    //尺寸 线宽，以尺寸值或尺寸资源表示。
    android:color
    //颜色 线的颜色，表示为十六进制值或颜色资源。
    android:dashGap
    //尺寸 短划线的间距，以尺寸值或尺寸资源表示。仅在设置了 android:dashWidth 时有效。
    android:dashWidth
    //尺寸 每个短划线的大小，以尺寸值或尺寸资源表示。仅在设置了 android:dashGap 时有效。

效果如图：

size 形状的大小

定义图形的大小，有如下属性：

    android:height
    //尺寸 形状的高度，表示为尺寸值或尺寸资源
    android:width
    //尺寸 形状的宽度，表示为尺寸值或尺寸资源

小图片效果： 大图片效果：
注意：默认情况下，形状按照此处定义的尺寸按比例缩放至容器视图的大小。在 ImageView 中使用形状时，可通过将 android:scaleType 设置为 “center” 来限制缩放。

padding 要应用到包含视图元素的内边距

控制图形的边距，有如下属性：

    android:left
    //尺寸 左内边距，表示为尺寸值或尺寸资源
    android:top
    //尺寸 上内边距，表示为尺寸值或尺寸资源
    android:right
    //尺寸 右内边距，表示为尺寸值或尺寸资源
    android:bottom
    //尺寸 下内边距，表示为尺寸值或尺寸资源

添加padding前： 添加padding后：
这会填充视图内容的位置，而非形状

作者：叶晓晖：原文地址