Android:shape的使用详解（1）

Android:shape的使用详解（1）
Android:shape的使用详解（2）

在Android开发中，我们经常会觉得我们的界面不好看，今天看到有人说Android学好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="integer" android:centerY="integer" 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这个闭合标签中，有corners、gradient、padding、size、solid、stroke等。接下来我们一个一个讲解。

shape

定义这是一个GradientDrawable，必须作为根元素。
android:shape　
定义shape的值，必须是下面的之一：

• “rectangle” 矩阵，这也是默认的shape
• “oval” 椭圆
• “line” 一条水平的直线。这种shape必须使用 stroke 元素来定义这条线的宽度
• “ring” 圆环

下面的属性只有当 android:shape=”ring”才使用：

• android:innerRadius
  尺寸。 内环的半径。一个尺寸值（dip等等）或者一个尺寸资源。
• android:innerRadiusRatio
  Float类型。这个值表示内部环的比例，例如,如果android:innerRadiusRatio = ” 5 “,那么内部的半径等于环的宽度除以5。这个值会被android:innerRadius重写。 默认值是9。
• android:thickness
  尺寸。环的厚度，是一个尺寸值或尺寸的资源。
• android:thicknessRatio
  Float类型。厚度的比例。例如,如果android:thicknessRatio= ” 2 “,然后厚度等于环的宽度除以2。这个值是被android:innerRadius重写， 默认值是3。
• android:useLevel
  Boolean类型。如果用在 LevelListDrawable里，那么就是true。如果通常不出现则为false

corners

为Shape创建一个圆角，只有shape是rectangle时候才使用。

• android:radius
  Dimension。圆角的半径。会被下面每个特定的圆角属性重写。
• android:topLeftRadius
  Dimension。top-left 设置左上角的半径
• android:topRightRadius
  Dimension。top-right 设置右上角的半径
• android:bottomLeftRadius
  Dimension。 设置右下角的半径
• android:bottomRightRadius
  Dimension。设置左下角的半径

gradient

指定这个shape的渐变颜色。

• android:angle
  Integer。渐变的角度。 0 代表从 left 到 right。90 代表bottom到 top。必须是45的倍数，默认为0
• android:centerX
  Float。渐变中心的相对X坐标，在0到1.0之间。
• android:centerY
  Float。渐变中心的相对Y坐标，在0到1.0之间。
• android:centerColor
  Color。可选的颜色值。基于startColor和endColor之间。
• android:endColor
  Color。 结束的颜色。
• android:gradientRadius
  Float 。渐变的半径。只有在 android:type=”radial”才使用
• android:startColor
  Color。开始的颜色值。
• android:type
  Keyword。渐变的模式，下面值之一：
  “linear” 线形渐变。这也是默认的模式
  “radial” 辐射渐变。startColor即辐射中心的颜色
  “sweep” 扫描线渐变。
• android:useLevel
  Boolean。如果在LevelListDrawable中使用，则为true

padding

内容与视图边界的距离

• android:left Dimension。左边填充距离.
• android:top Dimension。顶部填充距离.
• android:right Dimension。右边填充距离.
• android:bottom Dimension。底部填充距离.

size

这个shape的大小。

• android:height Dimension。这个shape的高度。

• android:width Dimension。这个shape的宽度。

  注意：默认情况下，这个shape会缩放到与他所在容器大小成正比。当你在一个ImageView中使用这个shape，你可以使用 android:scaleType=”center”来限制这种缩放。

solid

填充这个shape的纯色

• android:color Color。颜色值，十六进制数，或者一个Color资源

stroke

这个shape使用的笔画，当android:shape=”line”的时候，必须设置改元素。

• android:width Dimension。笔画的粗细。
• android:color Color。笔画的颜色
• android:dashGap Dimension。每画一条线就间隔多少。只有当android:dashWidth也设置了才有效。
• android:dashWidth Dimension。每画一条线的长度。只有当 android:dashGap也设置了才有效。

android:dashGap和android:dashWidth设置这条线为虚线的，其中android:dashWidth表示’-‘这样一个横线的宽度，android:dashGap表示之间隔开的距离