Android 样式开发之shape

1 概述

shape,是Android最基础的形状定义工具。一般用shape定义的xml文件存放在drawable目录下,而不是其他drawable-x的目录。shape用于定义单一的形状。

shape对应的实体类是GradientDrawable

使用shape可以定义四种类型的形状:

rectangle: 矩形,默认的形状,可以画出直角矩形、圆角矩形、弧形等
oval: 椭圆形,用得比较多的是画正圆
line: 线形,可以画实线和虚线
ring: 环形,可以画环形进度条

使用方式

Java代码中:R.drawable.文件的名称
XML中:Android:background="@drawable/文件的名称"

2 shape 属性

2.1 solid

solid: 实心,就是填充的意思。只有android:color一个属性,用于设置shape填充的纯色,例如:

<solid android:color="#ff9d77"/>

2.2 padding

设置内容与形状边界的内间距,可分别设置左右上下的距离,有四种属性,例如:

<padding  android:left="10dp" <!--左内间距--> android:top="10dp" <!--右内间距--> android:right="10dp" <!--上内间距--> android:bottom="10dp" /> <!--下内间距-->

2.3 gradient

设置形状的渐变颜色,可以是线性渐变、辐射渐变、扫描性渐变,属性说明:

android:type 渐变的类型
    linear 线性渐变,默认的渐变类型
    radial 放射渐变,以开始色为中心。设置该项时,android:gradientRadius也必须设置,见后面。
    sweep   扫描线式渐变

android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 渐变中间的颜色

android:angle 渐变的角度
    线性渐变时才有效,必须是45的倍数,0表示从左到右,按逆时针方向转,90表示从下到上,如图:

android:centerX 渐变中心的相对X坐标
    放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间

android:centerY 渐变中心的相对X坐标
    放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间

android:gradientRadius 渐变的半径
    只有渐变类型为radial时才使用

android:useLevel 如果为true,则可在LevelListDrawable中使用。

使用示例:

<gradient
    android:type="linear"
    android:angle="180"
    android:startColor="#AA222222"
    android:centerColor="#33777777"
    android:endColor="#CCCCCCCC"
    />

2.4 corners

设置圆角,只适用于rectangle类型,可分别设置四个角不同半径的圆角,当设置的圆角半径很大时,比如200dp,就可变成弧形边了,属性如下:

android:radius 圆角半径,即角的弧度,值越大角越圆。会被下面每个特定的圆角属性覆盖。
android:topLeftRadius 左上角的半径
android:topRightRadius 右上角的半径
android:bottomLeftRadius 左下角的半径
android:bottomRightRadius 右下角的半径

2.5 stroke

设置描边。可描成实线或虚线。属性说明:

android:color 描边的颜色
android:width 描边的宽度。
android:dashWidth 设置虚线时的横线'-'的长度,值为0时,表示为实线;值大于0则为虚线。  
android:dashGap 描边为虚线时,两个横线'-'之间的距离

dashWidth和dashGap属性,只要其中一个设置为0dp,或者两个都不设置,则边框为实线边框。

注意:当android:shape=”line”的时候,必须设置此元素。

2.6 size

设置shape默认的大小,可设置宽度和高度

android:width 这个shape的宽度
android:height 这个shape的高度

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

2.7 其他属性

shape根元素以下属性只适用于ring类型

android:innerRadius 内环的半径

android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径.
    默认为3.表示内环半径为环的宽度除以3,该值会被android:innerRadius覆盖

android:thickness 环的厚度

android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度.
    默认为9,表示环的厚度为环的宽度除以9,该值会被android:thickness覆盖

android:useLevel 一般为false,否则可能环形无法显示,只有作为LevelListDrawable使用时才设为true

3 rectangle

rectangle,矩形:是默认的形状,也是用得最多的形状,一些文字背景、按钮背景、控件或布局背景等

4 oval

oval用来画椭圆,而在实际应用中,更多是画正圆,比如消息提示,圆形按钮等

通过size属性的宽和高确定是圆还是椭圆,宽和高相同为圆。

5 line

line主要用于画分割线,是通过stroke和size特性组合来实现的,其中此处stoke的属性必须设置。

6 ring

绘制一个环形,例如系统默认的进度条可以用ring实现。属性部分查看2.7节点内容。

7 源码参考

地址见github

你可能感兴趣的:(android,xml,shape)