Android shape的属性和使用详解

Android Shape的详解

1.代码

<?xml version="1.0" encoding="utf-8"?>
<!-- 
shape=["rectangle"(默认) | "oval" | "line" | "ring"]
矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)
下面的属性只有在android:shape="ring时可用：
innerRadius 尺寸，内环的半径
innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径，
thickness 尺寸，环的厚度
thicknessRatio 浮点型，以环的宽度比率来表示环的厚度
-->
<shape xmlns:android="http://schemas.android.com/apk/res/android">

<!--圆角 
同时设置五个属性radius无效
radius设置四个角的半径
topLeftRadius左上角半径
bottomRightRadius右下角半径-->
    <corners 
    android:radius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp"
    android:bottomLeftRadius="10dp"
    android:bottomRightRadius="10dp"/>

  <!--设置控件的高和宽
         如果你在外面也设置了可能就覆盖了-->
 <size 
    android:width="100dip"
    android:height="40dip"/>

    <!--间隔，各方向的间隔
        相当于padding设置paddingLeft、右、上、下一样
        如果你在外面也设置了可能就覆盖了-->
<padding 
    android:right="4dip"
    android:bottom="4dip"
    android:top="4dip"
    android:left="4dip"/>

<!--填充的颜色 
color 设置控件里面填充的颜色-->
    <solid 
    android:color="@color/red_common"/>

<!--
描边，设置控件的边框
width设置边边的宽度
color设置边边的颜色
dashGap 设置虚线的间隔宽度
dashWidth 设置虚线的宽度
只要dashGap或dashWidth有一个0,就是实线-->
    <stroke 
android:width="1dip"
    android:dashWidth="0dip"
    android:dashGap="10dip"
android:color="@color/white"/>

<!--渐变 
注意：当设置填充颜色后，无渐变效果

渐变角度angle 当angle=0时，渐变色是从左向右，
然后逆时针方向转，当angle=90时为从下往上，
angle必须为45的整数倍,仅在type="linear"有效

useLevel true和false 如果要使用
LevelListDrawable对象，就要设置为true

渐变类型 type  linear和radial和sweep
linear 线性渐变，这是默认设置
    radial 放射性渐变，以开始色为中心
    sweep 扫描线式的渐变

    centerX 渐变中心X点坐标的相对位置
    centerY 渐变中心Y点坐标的相对位置

    gradientRadius 整型 渐变色半径.
        当 android:type="radial" 时才使用，
        单独使用 android:type="radial"会报错。-->
    <gradient 
    android:startColor="@color/green_common"
    android:centerColor="@color/red_common"
    android:endColor="@color/blue"
    android:useLevel="true"
    android:angle="90"
    android:type="linear"
    android:centerX="0"
    android:centerY="0"
    android:gradientRadius="90"/>

</shape>

2.详细讲解

shape用于设定形状，可以在selector，layout等里面使用，有6个子标签，各属性如下：

android:shape=["rectangle" | "oval" | "line" | "ring"] shape的形状，默认为矩形，可以设置为矩形（rectangle）、椭圆形(oval)、线性形状(line)、环形(ring)
下面的属性只有在android:shape="ring时可用：
android:innerRadius 尺寸，内环的半径。
android:innerRadiusRatio 浮点型，以环的宽度比率来表示内环的半径，例如，如果android:innerRadiusRatio，表示内环半径等于环的宽度除以5，这个值是可以被覆盖的，默认为9.
android:thickness 尺寸，环的厚度
android:thicknessRatio 浮点型，以环的宽度比率来表示环的厚度，例如，如果android:thicknessRatio="2"，那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的，默认值是3.
android:useLevel boolean值，如果当做是LevelListDrawable使用时值为true，否则为false.

圆角
android:radius   整型半径
android:topLeftRadius   整型左上角半径
android:topRightRadius   整型右上角半径
android:bottomLeftRadius 整型左下角半径
android:bottomRightRadius 整型右下角半径

渐变色
android:startColor 颜色值起始颜色
android:endColor    颜色值结束颜色
android:centerColor 整型   渐变中间颜色，即开始颜色与结束颜色之间的颜色
android:angle       整型   渐变角度(PS：当angle=0时，渐变色是从左向右。然后逆时针方向转，当angle=90时为从下往上。angle必须为45的整数倍)
android:type        ["linear" | "radial" | "sweep"] 渐变类型(取值：linear、radial、sweep) linear 线性渐变，这是默认设置;radial 放射性渐变，以开始色为中心;sweep 扫描线式的渐变
android:useLevel   ["true" | "false"] 如果要使用LevelListDrawable对象，就要设置为true。设置为true无渐变。false有渐变色
android:gradientRadius 整型渐变色半径.当 android:type="radial" 时才使用。单独使用 android:type="radial"会报错。
android:centerX     整型   渐变中心X点坐标的相对位置
android:centerY   整型   渐变中心Y点坐标的相对位置

内边距，即内容与边的距离
android:left   整型左内边距
android:top   整型上内边距
android:right   整型右内边距
android:bottom 整型下内边距

size 大小
android:width 整型宽度
android:height 整型高度

内部填充
android:color 颜色值填充颜色

描边
android:width 整型描边的宽度
android:color 颜色值描边的颜色
android:dashWidth 整型表示描边的样式是虚线的宽度，值为0时，表示为实线。值大于0则为虚线。
android:dashGap   整型表示描边为虚线时，虚线之间的间隔即“

参考链接：

http://www.th7.cn/Program/Android/201503/401232.shtml
http://ju.outofmemory.cn/entry/126859
http://www.bkjia.com/Androidjc/1012885.html
http://blog.csdn.net/zhangxiweicaochen/article/details/41481463
http://blog.csdn.net/rflyee/article/details/20785495
http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/

秒客网

Android shape的属性和使用详解

相关文章