Android开发系列（十八）：自定义控件样式在drawable文件夹下的XML实现

在Android开发的过程中，我们经常需要对控件的样式做一下改变，可以通过用增加背景图片的方式进行改变，但是背景图片放多了肯定会使得APK文件变的很大。

我们可以用自定义属性shape来实现。

shape：

gradient   -- 对应颜色渐变。 startcolor、endcolor就不多说了。 android:angle 是指从哪个角度开始变。

solid      --  填充。

stroke   --  描边。

corners  --  圆角。

padding   -- 定义内容离边界的距离。

我们先来看一下效果：

下边我们用具体的代码来演示一下：

首先，新建一个项目，然后我们在main.xml编辑：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

  <TextView
     	android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:layout_marginTop="10dp"
      	android:text="演示文本"
      	android:textSize="14pt"
      	android:textColor="#565656"
      	android:background="@drawable/bg_border"
      />
  <!-- 通过android:drawableLeft绘制一张图片 -->
<TextView
	android:layout_width="fill_parent"
	android:layout_height="wrap_content"
	android:text="演示文本2"
	android:textSize="24pt"
	android:background="@drawable/bg_border2"
	/>

</LinearLayout></span>

可以看到，在上边的两个TextView的android:background属性，用到了@drawable/bg_border和@drawable/bg_border2这两个文件

然后，我们在@drawable文件夹下边创建这两个Android xml文件：

bg_border.xml：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
	<!-- 填充：设置背景颜色 -->
	<solid android:color="#ffffff"/>
	<!-- 设置边框 -->
	<stroke
	    android:width="5px"
	    android:color="#873600"
	    android:dashWidth="5dip"
	    />
	<!-- 定义内边距 -->
	<padding
	    android:top="20dip"
	    />  

</shape></span>

bg_border2.xml：

<span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 指定圆角矩形的4个圆角的半径 -->
   	<corners android:topLeftRadius="20px"
    android:topRightRadius="5px"
    android:bottomRightRadius="20px"
    android:bottomLeftRadius="5px"/>
   	<!-- 指定边框线条的宽度和颜色 -->
	<stroke android:width="4px" android:color="#f0f" />
	<!-- 指定使用渐变背景色，使用sweep类型的渐变
	颜色从红色→绿色→蓝色 -->
	<gradient android:startColor="#f00"
	    android:centerColor="#0f0"
	    android:endColor="#00f"
	    android:type="sweep"/>
</shape></span>

我们看下我们的工程目录视图：