Android Shape的详解

标签：android   shape的详解   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>

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的详解

标签：android   shape的详解   shape   

原文地址：http://blog.csdn.net/pcaxb/article/details/47778557