Shape详解 (GradientDrawable)

桃扇骨 2022-05-13 09:42 240阅读 0赞

引用：http://www.cnblogs.com/ylligang/articles/2272352.html

推荐看引用地址，排版很好！

在Android开发过程中，经常需要改变控件的默认样式， 那么通常会使用多个图片来解决。不过这种方式可能需要多个图片，比如一个按钮，需要点击时的式样图片，默认的式样图片。 这样就容易使apk变大。

那么除了使用drawable这样的图片外，还有其他方法吗？

本次就谈一下自定义图形shape，Android上支持以下几种属性shape、gradient、stroke、corners、padding、solid等。

先来看两个例子：

[view plain][] [print][view plain] [?][view plain]

1.  **<****shape**  
2.      xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:shape="rectangle"**>**  
4.      **<****gradient** android:startColor="\#FFFF0000"  
5.          android:endColor="\#80FF00FF"  
6.          android:angle="270" **/>**  
7.      **<****padding** android:left="50dp"  
8.          android:top="20dp" android:right="7dp"  
9.          android:bottom="7dp" **/>**  
10.     **<****corners** android:radius="8dp" **/>**  
11. **</****shape****>**

效果：![0_1304596967I4np.gif][]

[view plain][] [print][view plain] [?][view plain]

1.  **<?****xml** version="1.0" encoding="UTF-8"**?>**  
2.  **<****shape** android:shape="rectangle"  
3.      xmlns:android="http://schemas.android.com/apk/res/android"**>**  
4.      **<****solid** android:color="\#b4000000" **/>**  
5.      **<****stroke** android:width="2.0dip"  
6.          android:color="\#b4ffffff"  
7.          android:dashWidth="3.0dip"  
8.          android:dashGap="0.0dip" **/>**  
9.      **<****padding** android:left="7.0dip"  
10.         android:top="7.0dip" android:right="7.0dip"  
11.         android:bottom="7.0dip" **/>**  
12.     **<****corners** android:radius="8.0dip" **/>**  
13. **</****shape****>**

效果：![2011120216504733.png][]

总结一下Shape的所有子属性

简单说明一下：

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

solid      --  填充。

stroke   --  描边。

corners  --  圆角。

padding   -- 定义内容离边界的距离。 与android:padding\_left、android:padding\_right这些是一个道理。

[view plain]: http://blog.csdn.net/feng88724/article/details/6398193
[0_1304596967I4np.gif]: /images/20220513/f84f928d08b44c60979438636aaa5b03.png
[2011120216504733.png]: /images/20220513/088c72e66a624d748b215cacc13c5ad8.png