Android下基于XML的Graphics （转）

原文地址：http://qq361119908.iteye.com/blog/656281

以前作图一般有两种方式：

1、UI把图形设计好我们直接贴。

2对于那些简单的图形，如矩形、扇形这样的图形，一般的系统的API会提供这样的接口。

但是在Android下，有第三种画图方式，介于二者之间，结合二者的长处。

如下的代码：

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#0055ff88"
                        android:centerColor="#0055ff00"
                        android:centerY="0.75"
                        android:endColor="#00320077"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>

这是一个Progress的style里面的代码，描述的是进度条的未达到的图形。原本以为这是一个图片，后来仔细的跟踪代码，发现居然是xml。像这种shape corners gradient等等这还是第一次碰到。shape 表示是一个图形，corners表示是有半径为5像素的圆角，gradient表示一个渐变。这样作图简单明了，并且可以做出要求很好的图形，并且节省资源。

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"
            android:angle="270"/>
    <padding android:left="50dp" android:top="20dp"
            android:right="7dp" android:bottom="7dp" />
    <corners android:radius="8dp" />
   
</shape>

属性 android:shape="rectangle"  表示 默认的是长方形。

gradient  产生颜色渐变 ,属性 android:angle 表示从哪个角度开始变，貌似只有90的整数倍可以 。

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <solid android:color="#ff4100ff"/>
    <stroke android:width="2dp" android:color="#ee31ff5e"
            android:dashWidth="3dp" android:dashGap="2dp" />
    <padding android:left="7dp" android:top="7dp"
            android:right="7dp" android:bottom="7dp" />
    <corners android:radius="6dp" />
</shape>

    #ff4100ff蓝色  

    #ff4100ff绿色
     <solid android:color="#ff4100ff"/>实心的 填充里面
     <stroke 描边，采用那样的方式将外形轮廓线画出来

      android:dashWidth="3dp" android:dashGap="2dp" 默认值为0
      android:width="2dp" android:color="#FF00ff00" 笔的粗细， 
      android:dashWidth="5dp" android:dashGap="5dp" 实现“- - -”这样的效果。

      dashWidth指的是一条小横线的宽度 
      android:dashGap 指的是小横线与小横线的间距。