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后:
这会填充视图内容的位置,而非形状
作者:叶晓晖:原文地址