android之控件背景控制（xml）

大家都应该明白的，在Android中常常会使用shape来定义控件的一些显示属性，那么怎么来用那，今天我们就来看一些shape的使用，大家看完这 篇以后就会对shape有了大体的了解，下面的是稍作总结请大家仔细的观看：

Java代码：

  1. <shape>
  2. <!-- 实心 -->
  3. <solid android:color="#ff9d77"/>
  4. <!-- 渐变 -->
  5. <gradient
  6. android:startColor="#ff8c00"
  7. android:endColor="#FFFFFF"
  8. android:angle="270" />
  10. <!-- 描边 -->
  11. <stroke
  12. android:width="2dp"
  13. android:color="#dcdcdc" />
  15. <!-- 圆角 -->
  16. <corners
  17. android:radius="2dp" />
  19. <padding
  20. android:left="10dp"
  21. android:top="10dp"
  22. android:right="10dp"
  23. android:bottom="10dp" />
  24. </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为角的弧度，值越大角越圆。
       我们还可以把四个角设定成不同的角度，方法为：

Java代码：

  1. <corners
  2. android:topRightRadius="20dp" 右上角
  3. android:bottomLeftRadius="20dp" 右下角
  4. android:topLeftRadius="1dp" 左上角
  5. android:bottomRightRadius="0dp" 左下角
  6. />
复制代码


       这里有个地方需要注意，bottomLeftRadius是右下角，而不是左下角，这个有点郁闷，不过不影响使用，记得别搞错了就行。
       还有网上看到有人说设置成0dp无效，不过我在测试中发现是可以的，我用的是2.2，可能修复了这个问题吧，如果无效的话那就只能设成1dp了。

       padding：间隔
       这个就不用多说了，XML布局文件中经常用到。


       大体的就是这样，以下是一个使用的具体示例：用在Selector中作为Button的背景，分别定义了按钮的一般状态、获得焦点状态和按下时的状态，具 体代码如下：

Java代码：

  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. />
复制代码


      我们来看看main.xml代码：

Java代码：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector
  3. xmlns:android="http://schemas.android.com/apk/res/android">
  4. <item android:state_pressed="true" >
  5. <shape>
  8. <!-- 渐变 -->
  9. <gradient
  10. android:startColor="#ff8c00"
  11. android:endColor="#FFFFFF"
  12. android:type="radial"
  13. android:gradientRadius="50" />
  15. <!-- 描边 -->
  16. <stroke
  17. android:width="2dp"
  18. android:color="#dcdcdc"
  19. android:dashWidth="5dp"
  20. android:dashGap="3dp" />
  22. <!-- 圆角 -->
  23. <corners
  24. android:radius="2dp" />
  26. <padding
  27. android:left="10dp"
  28. android:top="10dp"
  29. android:right="10dp"
  30. android:bottom="10dp" />
  31. </shape>
  33. </item>
  35. <item android:state_focused="true" >
  36. <shape>
  37. <gradient
  38. android:startColor="#ffc2b7"
  39. android:endColor="#ffc2b7"
  40. android:angle="270" />
  43. <stroke
  44. android:width="2dp"
  45. android:color="#dcdcdc" />
  46. <corners
  47. android:radius="2dp" />
  49. <padding
  50. android:left="10dp"
  51. android:top="10dp"
  52. android:right="10dp"
  53. android:bottom="10dp" />
  54. </shape>
  55. </item>
  58. <item>
  59. <shape>
  60. <solid android:color="#ff9d77"/>
  61. <stroke
  62. android:width="2dp"
  63. android:color="#fad3cf" />
  65. <corners
  66. android:topRightRadius="5dp"
  67. android:bottomLeftRadius="5dp"
  68. android:topLeftRadius="0dp"
  69. android:bottomRightRadius="0dp"
  70. />
  72. <padding
  73. android:left="10dp"
  74. android:top="10dp"
  75. android:right="10dp"
  76. android:bottom="10dp" />
  77. </shape>
  78. </item>
  80. </selector>

注意！提示大家，以上几个item的区别主要是体现在state_pressed按下或state_focused获得焦点时，当当来判断显示什么类型，而没有state_xxx属性的item可以看作是常规状态下。

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

<item

android:color="hex_color"

android:state_pressed=["true" | "false"]

android:state_focused=["true" | "false"]

android:state_selected=["true" | "false"]

android:state_active=["true" | "false"]

android:state_checkable=["true" | "false"]

android:state_checked=["true" | "false"]

android:state_enabled=["true" | "false"]

android:state_window_focused=["true" | "false"] />

</selector>

elements：

<selector>

必须。必须是根元素。包含一个或多个<item>元素。

attributes：

xmlns:android

string，必须。定义xml的命名空间，必须是

“http://schemas.android.com/apk/res/android”.

<item>

定义特定状态的color，通过它的特性指定。必须是<selector>的子元素。

attributes：

android:color

16进制颜色。必须。这个颜色由rgb值指定，可带alpha。

这个值必须以“#”开头，后面跟随alpha-red-green-blue信息：

l #rgb

l #argb

l #rrggbb

l #aarrggbb

android:state_pressed

boolean。“true”表示按下状态使用（例如按钮按下）；“false”表示非按下状态使用。

android:state_focused

boolean。“true”表示聚焦状态使用（例如使用滚动球/d-pad聚焦button）；“false”表示非聚焦状态使用。

android:state_selected

boolean。“true”表示选中状态使用（例如tab打开）；“false”表示非选中状态使用。

android:state_checkable

boolean。“true”表示可勾选状态时使用；“false”表示非可勾选状态使用。（只对能切换可勾选—非可勾选的构件有用。）

android:state_checked

boolean。“true”表示勾选状态使用；“false”表示非勾选状态使用。

android:state_enabled

boolean。“true”表示可用状态使用（能接收触摸/点击事件）；“false”表示不可用状态使用。

android:window_focused

boolean。“true”表示应用程序窗口有焦点时使用（应用程序在前台）；“false”表示无焦点时使用（例如notification栏拉下或对话框显示）。

注意：记住一点，statelist中第一个匹配当前状态的item会被使用。因此，如果第一个item没有任何状态特性的话，那么它将每次都被使用，这也是为什么默认的值必须总是在最后（如下面的例子所示）。

examples：

xml文件保存在res/color/button_text.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true"

android:color="#ffff0000"/> <!-- pressed -->

<item android:state_focused="true"

android:color="#ff0000ff"/> <!-- focused -->

<item android:color="#ff000000"/> <!-- default -->

</selector>

这个layout xml会应用colorstatelist到一个view上：

<button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/button_text"

android:textcolor="@color/button_text" />

menu 菜单       这个需要在menu文件夹下

 <?xml version="1.0" encoding="utf-8"?>
<menu   xmlns:android="http://schemas.android.com/apk/res/android">   
  <group android:id="@+id/group_1"               //group  id
         android:checkableBehavior="single">    //定义样式
       <item android:id="@+id/menu1"          
            android:title="设置"                 
            android:icon="@drawable/menu_setting" />  //设置菜单图片 也可以不设置

layout属性：其对应抽取出来的共享的布局内容

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="@drawable/share_background"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<include layout="@layout/title_layout"></include>
</LinearLayout>

灵活使用styles.xml

（1）在res/values目录下新建一个style.xml，增加<resource>根节点

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="SpecialText" parent="@style/Text">
<item name="android:textSize">18sp</item>
<item name="android:textColor">#008</item>
</style>

<style name="button_style">
<item name="android:textStyle">bold</item>
<item name="android:textColor">#FFFFFFFF</item>
<item name="android:layout_width">100.0dip</item>
</style>
</resources>

（2）设置style属性

<EditText id="@+id/text1"
style="@style/SpecialText"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hello, World!" />
现在这个EditText组件的所表现出来的风格就为我们在上边的XML文件中所定义的那样。

（补充：主题（theme)和style一样，也是在style.xml内申明，也是同样方式引用，不同的是通过在AndroidManifest.xml中定义的<application>和<activity>元素中使用到整个程序或者某个activity，但是主题不能用到某一个单独的view里。）

posted on 2011-08-15 03:46  启程去旅行  阅读(328)  评论(0)    收藏  举报

导航