android shape使用

android shape使用

引:android shape提供一种方便的通过使用xml文件定义控件背景颜色.

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    //支持几种图形
    //rectangle - 长方形,oval - 椭圆形, line - 分割线,ring - 圆形(圆形有一些特殊属性)
    <corners
        //圆角
        //radius定义四个角的属性
        android:radius="integer"
        //topLeftRadius左上角,当radius有定义的时候会将其覆盖
        android:topLeftRadius="integer"
        //topRightRadius右上角,当radius有定义的时候会将其覆盖
        android:topRightRadius="integer"
        //bottomLeftRadius左下角,当radius有定义的时候会将其覆盖
        android:bottomLeftRadius="integer"
        //bottomRightRadius右下角,当radius有定义的时候会将其覆盖
        android:bottomRightRadius="integer" />
    <gradient
        //渐变填充
        android:angle="integer"
        //中心点在X轴上的偏移,取值范围0-1.0
        android:centerX="integer"
        //中心点在Y轴上的偏移,取值范围0-1.0
        android:centerY="integer"
        //起始渐变色
        android:startColor="color"
        //中间渐变色
        android:centerColor="integer"
         //结束渐变色
        android:endColor="color"
        //放射渐变大小,ype为radial的时候必须设置.
        android:gradientRadius="integer"
        //渐变形式.linear - 线性渐变,radial - 放射渐变,sweep - 扫描
        android:type=["linear" | "radial" | "sweep"]
        //暂时不知道
        android:useLevel=["true" | "false"] />
    <padding
        //边距,注意是背景最外层到View内容的间距.
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        //shape大小.一般很少用到.
        android:width="integer"
        android:height="integer" />
    <solid
        //填充颜色
        android:color="color" />
    <stroke
        //线条粗度
        android:width="integer"
        //线条颜色
        android:color="color"
        //实心线条长度
        android:dashWidth="integer"
        //间隔长度
        android:dashGap="integer" />
</shape>

用图展示具体情况:

1,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="15dp" android:left="20dp" android:right="10dp" android:top="5dp" />

    <!--填充颜色-->
    <!--"@null"代表不填充颜色,透明-->
    <!--android:color="@null"-->
    <solid android:color="#FAF0E6" />

</shape>

2,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />

    <!--填充颜色-->
    <!--"@null"代表不填充颜色,透明-->
    <!--android:color="@null"-->
    <solid android:color="#FAF0E6" />

    <stroke  android:color="#A020F0" android:width="2dp" />

</shape>

3,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />

    <!--填充颜色-->
    <!--"@null"代表不填充颜色,透明-->
    <!--android:color="@null"-->
    <solid android:color="#FAF0E6" />
    <!--android:width="10dp" 边框线粗10dp-->
    <!--android:dashGap="10dp" 空白长度10dp-->
    <!--android:dashWidth="20dp" 实线长度10dp-->
    <stroke  android:color="#A020F0" android:width="10dp" android:dashGap="10dp" android:dashWidth="20dp" />

</shape>

4,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />


    <gradient  android:centerColor="#FFC0CB" android:endColor="#FFC125" android:startColor="#838B83" android:type="linear" />

</shape>

5,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />


    <gradient  android:centerX="0.3" android:centerY="0.4" android:centerColor="#FFC0CB" android:endColor="#FFC125" android:startColor="#838B83" android:type="sweep" />

</shape>

通过centerX,android:centerY改变中心点.

6,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />

<!--当type为radial,必须定义gradientRadius-->
    <gradient  android:centerX="0.3" android:centerY="0.4" android:centerColor="#FFC0CB" android:endColor="#FFC125" android:startColor="#838B83" android:gradientRadius="20dp" android:type="radial" />

</shape>

7,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    //圆角
    <corners android:radius="5dp" />

    <padding  android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />


    <solid  android:color="#FF1493" />
</shape>

椭圆形,圆形,分割线不太常用就不列举了.基本一些用法都展示了.比较常用就是长方形,填充边框,填充虚线,填充圆角.其实shape.xml文件会实例化成为drawable.真实的类型是ShapeDrawable.

shape的使用推荐用xml的方式.当然使用代码的形式可以.但是没有使用xml方式灵活.比较只需要修改xml文件不改动代码的就可以完成背景的修改.

参考
1:常用对照表 http://tool.oschina.net/commons?type=3
2:drawable-resource http://www.android-doc.com/guide/topics/resources/drawable-resource.html#Shape
3:ShapeDrawable http://www.android-doc.com/reference/android/graphics/drawable/ShapeDrawable.html
4:shapes http://www.android-doc.com/reference/android/graphics/drawable/shapes/Shape.html