Android XML Shape使用入门

XML Drawable是google为android定义的一种声明式图形文件格式，类似于SVG，但更简单，官方文档非常少，网上有人整理了一份文档，值得细看：

Android Drawable XML Documentation

下面是一个简单的使用例子：

Activity代码

package com.test; import android.app.Activity;import android.os.Bundle; public class DrawableTest extends Activity {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);    }}

布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="fill_parent"    android:layout_height="fill_parent">    <TextView android:textSize="16sp" android:layout_width="fill_parent"        android:layout_height="wrap_content" android:text="@string/hello"        android:background="@drawable/rect_gradient_linear" />    <TextView android:textSize="16sp" android:layout_width="fill_parent"        android:layout_height="wrap_content" android:text="@string/hello"        android:background="@drawable/oval_gradient_linear" />    <TextView android:textSize="16sp" android:layout_width="fill_parent"        android:layout_height="wrap_content" android:text="@string/hello"        android:background="@drawable/rect_solid_stroke" />            <TextView android:textSize="16sp" android:layout_width="fill_parent"        android:layout_height="wrap_content" android:text="@string/hello"        android:background="@drawable/rect_solid_corners" /></LinearLayout>

Shapre使用实例，共四个：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <gradient android:startColor="#ffff0000" android:endColor="#FF4488ee"        android:type="linear" android:angle="270" />    <padding android:left="2dp" android:top="2dp" android:right="2dp"        android:bottom="2dp" /></shape>

1

2

3

4

5

6

7

8

<?xmlversion="1.0"encoding="utf-8"?>

<shapexmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="oval">

    <gradientandroid:startColor="#FFaa6622"android:endColor="#FF2288ee"

        android:type="linear"/>

    <paddingandroid:left="2dp"android:top="2dp"android:right="2dp"

        android:bottom="2dp"/>

</shape>

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid android:color="#ffff0000" />    <padding android:left="5dp" android:top="2dp" android:right="2dp"        android:bottom="5dp" />    <stroke android:width="2dp" android:color="#ffffffff" android:dashGap="5dp"        android:dashWidth="10dp" /></shape>

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <solid android:color="#8800ff00" />    <padding android:left="5dp" android:top="5dp" android:right="5dp"        android:bottom="5dp" />    <corners android:radius="15dp" /></shape>

效果图

下面是系统源码里的例子，文件为：source/frameworks/base/core/res/res/drawable/progress_horizontal.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">     <item android:id="@android:id/background">        <shape>            <corners android:radius="5dip" />            <gradient                    android:startColor="#ff9d9e9d"                    android:centerColor="#ff5a5d5a"                    android:centerY="0.75"                    android:endColor="#ff747674"                    android:angle="270"            />        </shape>    </item>     <item android:id="@android:id/secondaryProgress">        <clip>            <shape>                <corners android:radius="5dip" />                <gradient                        android:startColor="#80ffd300"                        android:centerColor="#80ffb600"                        android:centerY="0.75"                        android:endColor="#a0ffcb00"                        android:angle="270"                />            </shape>        </clip>    </item>     <item android:id="@android:id/progress">        <clip>            <shape>                <corners android:radius="5dip" />                <gradient                        android:startColor="#ffffd300"                        android:centerColor="#ffffb600"                        android:centerY="0.75"                        android:endColor="#ffffcb00"                        android:angle="270"                />            </shape>        </clip>    </item> </layer-list>