view plain print ?
  1. <shape>
  2. <!--实心-->
  3. <solidandroid:color="#ff9d77"/>
  4. <!--渐变-->
  5. <gradient
  6. android:startColor="#ff8c00"
  7. android:endColor="#FFFFFF"
  8. android:angle="270"/>
  9. <!--描边-->
  10. <stroke
  11. android:width="2dp"
  12. android:color="#dcdcdc"/>
  13. <!--圆角-->
  14. <corners
  15. android:radius="2dp"/>
  16. <padding
  17. android:left="10dp"
  18. android:top="10dp"
  19. android:right="10dp"
  20. android:bottom="10dp"/>
  21. </shape>
  22. <shape>
  23. <!--实心-->
  24. <solidandroid:color="#ff9d77"/>
  25. <!--渐变-->
  26. <gradient
  27. android:startColor="#ff8c00"
  28. android:endColor="#FFFFFF"
  29. android:angle="270"/>
  30. <!--描边-->
  31. <stroke
  32. android:width="2dp"
  33. android:color="#dcdcdc"/>
  34. <!--圆角-->
  35. <corners
  36. android:radius="2dp"/>
  37. <padding
  38. android:left="10dp"
  39. android:top="10dp"
  40. android:right="10dp"
  41. android:bottom="10dp"/>
  42. </shape>


solid:实心,就是填充的意思
android:color指定填充的颜色
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。 另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
Xml代码
view plain print ?
  1. <corners
  2. android:topRightRadius="20dp"右上角
  3. android:bottomLeftRadius="20dp"右下角
  4. android:topLeftRadius="1dp"左上角
  5. android:bottomRightRadius="0dp"左下角
  6. />
  7. <corners
  8. android:topRightRadius="20dp"右上角
  9. android:bottomLeftRadius="20dp"右下角
  10. android:topLeftRadius="1dp"左上角
  11. android:bottomRightRadius="0dp"左下角
  12. />


这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。
还有网上看到有人说设置成0dp无效,不过我在测试中发现是可以的,我用的是2.2,可能修复了这个问题吧,如果无效的话那就只能设成1dp了
padding:间隔
这个就不用多说了,XML布局文件中经常用到。
大体的就是这样,以下是一个使用的具体示例:用在Selector中作为Button的背景,分别定义了按钮的一般状态、获得焦点状态和按下时的状态,具体代码如下:
Xml代码
view plain print ?
  1. <Button
  2. android:layout_width="wrap_content"
  3. android:layout_height="wrap_content"
  4. android:text="TestShapeButton"
  5. android:background="@drawable/button_selector"
  6. />
  7. <Button
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:text="TestShapeButton"
  11. android:background="@drawable/button_selector"/>


我们来看看main.xml代码:
Xml代码
view plain print ?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <selector
  3. xmlns:android="http://schemas.android.com/apk/res/android">
  4. <itemandroid:state_pressed="true">
  5. <shape>
  6. <!--渐变-->
  7. <gradient
  8. android:startColor="#ff8c00"
  9. android:endColor="#FFFFFF"
  10. android:type="radial"
  11. android:gradientRadius="50"/>
  12. <!--描边-->
  13. <stroke
  14. android:width="2dp"
  15. android:color="#dcdcdc"
  16. android:dashWidth="5dp"
  17. android:dashGap="3dp"/>
  18. <!--圆角-->
  19. <corners
  20. android:radius="2dp"/>
  21. <padding
  22. android:left="10dp"
  23. android:top="10dp"
  24. android:right="10dp"
  25. android:bottom="10dp"/>
  26. </shape>
  27. </item>
  28. <itemandroid:state_focused="true">
  29. <shape>
  30. <gradient
  31. android:startColor="#ffc2b7"
  32. android:endColor="#ffc2b7"
  33. android:angle="270"/>
  34. <stroke
  35. android:width="2dp"
  36. android:color="#dcdcdc"/>
  37. <corners
  38. android:radius="2dp"/>
  39. <padding
  40. android:left="10dp"
  41. android:top="10dp"
  42. android:right="10dp"
  43. android:bottom="10dp"/>
  44. </shape>
  45. </item>
  46. <item>
  47. <shape>
  48. <solidandroid:color="#ff9d77"/>
  49. <stroke
  50. android:width="2dp"
  51. android:color="#fad3cf"/>
  52. <corners
  53. android:topRightRadius="5dp"
  54. android:bottomLeftRadius="5dp"
  55. android:topLeftRadius="0dp"
  56. android:bottomRightRadius="0dp"
  57. />
  58. <padding
  59. android:left="10dp"
  60. android:top="10dp"
  61. android:right="10dp"
  62. android:bottom="10dp"/>
  63. </shape>
  64. </item>
  65. </selector>


view plain print ?
  1. 01.<shape>
  2. 02.<!--实心-->
  3. 03.<solidandroid:color="#ff9d77"/>
  4. 04.<!--渐变-->
  5. 05.<gradient
  6. 06.android:startColor="#ff8c00"
  7. 07.android:endColor="#FFFFFF"
  8. 08.android:angle="270"/>
  9. 09.<!--描边-->
  10. 10.<stroke
  11. 11.android:width="2dp"
  12. 12.android:color="#dcdcdc"/>
  13. 13.<!--圆角-->
  14. 14.<corners
  15. 15.android:radius="2dp"/>
  16. 16.<padding
  17. 17.android:left="10dp"
  18. 18.android:top="10dp"
  19. 19.android:right="10dp"
  20. 20.android:bottom="10dp"/>
  21. 21.</shape>


solid:实心,就是填充的意思
android:color指定填充的颜色
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,ndroid:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp" 描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
复制到剪贴板 XML/HTML代码01.<corners
view plain print ?
  1. 02.
  2. 03.android:topRightRadius="20dp"右上角
  3. 04.android:bottomLeftRadius="20dp"右下角
  4. 05.android:topLeftRadius="1dp"左上角
  5. 06.android:bottomRightRadius="0dp"左下角
  6. 07./>


这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。
还有网上看到有人说设置成0dp无效,不过我在测试中发现是可以的,我用的是2.2,可能修复了这个问题吧,如果无效的话那就只能设成1dp了。
padding:间隔
这个就不用多说了,XML布局文件中经常用到。
大体的就是这样,以下是一个使用的具体示例:用在Selector中作为Button的背景,分别定义了按钮的一般状态、获得焦点状态和按下时的状态,具体代码如下:
复制到剪贴板 XML/HTML代码01.main.xml:
view plain print ?
  1. 02.<Button
  2. 03.android:layout_width="wrap_content"
  3. 04.android:layout_height="wrap_content"
  4. 05.android:text="TestShapeButton"
  5. 06.android:background="@drawable/button_selector"
  6. 07./>
  7. 08.>


button_selector.xml:

复制到剪贴板 XML/HTML代码01.<?xml version="1.0" encoding="utf-8"?>
view plain print ?
  1. 02.<selector
  2. 03.xmlns:android="http://schemas.android.com/apk/res/android">
  3. 04.<itemandroid:state_pressed="true">
  4. 05.<shape>
  5. 06.<!--渐变-->
  6. 07.<gradient
  7. 08.android:startColor="#ff8c00"
  8. 09.android:endColor="#FFFFFF"
  9. 10.android:type="radial"
  10. 11.android:gradientRadius="50"/>
  11. 12.<!--描边-->
  12. 13.<stroke
  13. 14.android:width="2dp"
  14. 15.android:color="#dcdcdc"
  15. 16.android:dashWidth="5dp"
  16. 17.android:dashGap="3dp"/>
  17. 18.<!--圆角-->
  18. 19.<corners
  19. 20.android:radius="2dp"/>
  20. 21.<padding
  21. 22.android:left="10dp"
  22. 23.android:top="10dp"
  23. 24.android:right="10dp"
  24. 25.android:bottom="10dp"/>
  25. 26.</shape>
  26. 27.</item>
  27. 28.<itemandroid:state_focused="true">
  28. 29.<shape>
  29. 30.<gradient
  30. 31.android:startColor="#ffc2b7"
  31. 32.android:endColor="#ffc2b7"
  32. 33.android:angle="270"/>
  33. 34.<stroke
  34. 35.android:width="2dp"
  35. 36.android:color="#dcdcdc"/>
  36. 37.<corners
  37. 38.android:radius="2dp"/>
  38. 39.<padding
  39. 40.android:left="10dp"
  40. 41.android:top="10dp"
  41. 42.android:right="10dp"
  42. 43.android:bottom="10dp"/>
  43. 44.</shape>
  44. 45.</item>
  45. 46.<item>
  46. 47.<shape>
  47. 48.<solidandroid:color="#ff9d77"/>
  48. 49.<stroke
  49. 50.android:width="2dp"
  50. 51.android:color="#fad3cf"/>
  51. 52.<corners
  52. 53.android:topRightRadius="5dp"
  53. 54.android:bottomLeftRadius="5dp"
  54. 55.android:topLeftRadius="0dp"
  55. 56.android:bottomRightRadius="0dp"
  56. 57./>
  57. 58.<padding
  58. 59.android:left="10dp"
  59. 60.android:top="10dp"
  60. 61.android:right="10dp"
  61. 62.android:bottom="10dp"/>
  62. 63.</shape>
  63. 64.</item>
  64. 65.</selector>

来源:http://blog.csdn.net/pengjianbosoft/article/details/6771257

更多相关文章

  1. 渐变的几种效果
  2. Android(安卓)入门第八讲02-WebView的高级用法(Android调用 JS 代
  3. Android查看外部依赖jar的源码'Android(安卓)Private Libraries'
  4. Android版本与Linux内核版本的关系
  5. Android(安卓)AIDE入门——Hello,world,用android给Android写程
  6. Android的init过程(二):初始化语言(init.rc)解析
  7. Android(安卓)Studio初探:不只是一个简单的IDE
  8. 在eclipse中查看android SDK的源代码
  9. android:shape的使用

随机推荐

  1. Android图表控件MPAndroidChart,折线图Li
  2. 基于Windows的Eclipse安装Android(安卓)N
  3. Android(安卓)N Setttings 零-壹 读源码-
  4. Quickcocos从安装到打包
  5. Android(安卓)Studio基础学习(入门一)——
  6. 【Android】MultiDex;NoClassDefFoundErro
  7. Activity设置为对话框属性时(Theme.Dialog
  8. Android杩涚▼鍒嗘瀽
  9. cocos2d-x编译Andorid报错make: *** No r
  10. android之manifest.xml内provider详解