首页 > 代码库 > Android开发系列(十八):自定义控件样式在drawable文件夹下的XML实现

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>


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







Android开发系列(十八):自定义控件样式在drawable文件夹下的XML实现