<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>
元素:
-
The shape drawable. This must be the root element.
attributes:
-
String.
Required. Defines the XML namespace, which must be
"http://schemas.android.com/apk/res/android"
. -
-
The following attributes are used only when
android:shape="ring"
:- Dimension. The radius for the inner part of the ring (the hole in the middle), as a dimension value or dimension resource.
-
Float. The radius for the inner part of the ring, expressed as a ratio of the ring's width. For instance, if
android:innerRadiusRatio="5"
, then the inner radius equals the ring's width divided by 5. This value is overridden byandroid:innerRadius
. Default value is 9. - Dimension. The thickness of the ring, as a dimension value or dimension resource.
-
Float. The thickness of the ring, expressed as a ratio of the ring's width. For instance, if
android:thicknessRatio="2"
, then the thickness equals the ring's width divided by 2. This value is overridden byandroid:innerRadius
. Default value is 3. -
Boolean. "true" if this is used as a
LevelListDrawable
. This should normally be "false" or your shape may not appear.
android:innerRadius
android:innerRadiusRatio
android:thickness
android:thicknessRatio
android:useLevel
-
Creates rounded corners for the shape. Applies only when the shape is a rectangle.创建圆角的形状。仅适用于当其形状是一个长方形。
attributes:
- Dimension. The radius for all corners, as a dimension value or dimension resource. This is overridden for each corner by the following attributes.
- Dimension. The radius for the top-left corner, as a dimension value or dimension resource.
- Dimension. The radius for the top-right corner, as a dimension value or dimension resource.
- Dimension. The radius for the bottom-left corner, as a dimension value or dimension resource.
- Dimension. The radius for the bottom-right corner, as a dimension value or dimension resource.
android:radius
android:topLeftRadius
android:topRightRadius
android:bottomLeftRadius
android:bottomRightRadius
Note: Every corner must (initially) be provided a corner radius greater than 1, or else no corners are rounded. If you want specific corners to notbe rounded, a work-around is to use
android:radius
to set a default corner radius greater than 1, but then override each and every corner with the values you really want, providing zero ("0dp") where you don't want rounded corners. -
Specifies a gradient color for the shape.指定一个渐变颜色的形状。
attributes:
- Integer. The angle for the gradient, in degrees. 0 is left to right, 90 is bottom to top. It must be a multiple of 45. Default is 0.
- Float. The relative X-position for the center of the gradient (0 - 1.0).
- Float. The relative Y-position for the center of the gradient (0 - 1.0).
- Color. Optional color that comes between the start and end colors, as a hexadecimal value or color resource.
- Color. The ending color, as a hexadecimal value or color resource.
-
Float. The radius for the gradient. Only applied when
android:type="radial"
. - Color. The starting color, as a hexadecimal value or color resource.
-
Keyword. The type of gradient pattern to apply. Valid values are:
Value Description "linear"
A linear gradient. This is the default. "radial"
A radial gradient. The start color is the center color. "sweep"
A sweeping line gradient. -
Boolean. "true" if this is used as a
LevelListDrawable
.
android:angle
android:centerX
android:centerY
android:centerColor
android:endColor
android:gradientRadius
android:startColor
android:type
android:useLevel
-
Padding to apply to the containing View element (this pads the position of the View content, not the shape).适用于包含填充视图元素(这垫的位置,而不是观点内容的形状)
attributes:
- Dimension. Left padding, as a dimension value or dimension resource.
- Dimension. Top padding, as a dimension value or dimension resource.
- Dimension. Right padding, as a dimension value or dimension resource.
- Dimension. Bottom padding, as a dimension value or dimension resource.
android:left
android:top
android:right
android:bottom
-
The size of the shape.
attributes:
- Dimension. The height of the shape, as a dimension value or dimension resource.
- Dimension. The width of the shape, as a dimension value or dimension resource.
android:height
android:width
Note: The shape scales to the size of the container View proportionate to the dimensions defined here, by default. When you use the shape in an
ImageView
, you can restrict scaling by setting theandroid:scaleType
to"center"
. -
A solid color to fill the shape.
attributes:
- Color. The color to apply to the shape, as a hexadecimal value or color resource.
android:color
-
A stroke line for the shape.
attributes:
- Dimension. The thickness of the line, as a dimension value or dimension resource.
- Color. The color of the line, as a hexadecimal value or color resource.
-
Dimension. The distance between line dashes, as a dimension value or
dimension resource. Only valid if
android:dashWidth
is set. -
Dimension. The size of each dash line, as a dimension value or
dimension resource. Only valid if
android:dashGap
is set.
android:width
android:color
android:dashGap
android:dashWidth
<corners>
<gradient>
<padding>
<size>
<solid>
<stroke>
example:
-
-
XML file saved at
res/drawable/gradient_box.xml
:<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF" android:angle="45"/> <padding android:left="7dp" android:top="7dp" android:right="7dp" android:bottom="7dp" /> <corners android:radius="8dp" /> </shape>
gradient -- 对应颜色渐变。 startcolor、endcolor就不多说了。 android:angle 是指从哪个角度开始变。
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,android:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
solid -- 填充。
solid:实心,就是填充的意思
android:color指定填充的颜色
stroke -- 描边。
stroke:描边
android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners -- 圆角。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
<corners
android:topRightRadius="20dp" 右上角
android:bottomLeftRadius="20dp" 右下角
android:topLeftRadius="1dp" 左上角
android:bottomRightRadius="0dp" 左下角
/>
这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个不要记错了。
padding -- 定义内容离边界的距离。 与android:padding_left、android:padding_right这些是一个道理。
http://www.cnblogs.com/xiaoQLu/archive/2011/09/14/2176359.html
android:angle网上有各种说法,这里,我说说自己的实验结果,渐变的时候,最原始的,即android:angle=“0”时,是从左到右,按照开始颜色到结束颜色来渲染的,android:angle=“90”是从上到下来渲染的,android:angle=“180”是从右到左来渲染的,android:angle=“360”和android:angle=“0”是一样的,所以这里应该是这样的,渲染时按照最原始的渲染色板(把控件内部看作一块可以绕中心旋转的板子)围绕控件中心来旋转相应的度数,即android:angle里面的值就是所需要旋转的角度,只是这个旋转角度必须是45的整数倍
转载自:
http://blog.csdn.net/dblackde/article/details/7370467
xmlns:android
android:shape
Keyword. Defines the type of shape. Valid values are:(定义这个类型的形状,变量值是:)
Value Desciption "rectangle"
A rectangle (长方形)that fills the containing View. This is the default shape.(这个是默认的形状) "oval"
An oval (椭圆形)shape that fits the dimensions of the containing View. "line"
A horizontalline that spans the width of the containing View. This shape requires the <stroke>
element to define the width of the line."ring"
A ring shape. Value Desciption "rectangle"
A rectangle (长方形)that fills the containing View. This is the default shape.(这个是默认的形状) "oval"
An oval (椭圆形)shape that fits the dimensions of the containing View. "line"
A horizontalline that spans the width of the containing View. This shape requires the <stroke>
element to define the width of the line."ring"
A ring shape.
-
String.
Required. Defines the XML namespace, which must be
<shape>
Value | Desciption |
---|---|
"rectangle" | A rectangle (长方形)that fills the containing View. This is the default shape.(这个是默认的形状) |
"oval" | An oval (椭圆形)shape that fits the dimensions of the containing View. |
"line" | A horizontalline that spans the width of the containing View. This shape requires the <stroke> element to define the width of the line. |
"ring" | A ring shape. |