Android-selector

selector背景选择器,创建xml文件,位置:drawable/xxx.xml,同目录下记得要放相关图片。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"    android:constantSize=["true" | "false"]  android:dither=["true" | "false"]    android:variablePadding=["true" | "false"] >   

<item android:drawable="@[package:]drawable/drawable_resource"              
android:state_pressed=["true" | "false"]
android:state_focused=["true" | "false"]
android:state_hovered=["true" | "false"]
android:state_selected=["true" | "false"]
android:state_checkable=["true" | "false"]
android:state_checked=["true" | "false"]
android:state_enabled=["true" | "false"]
android:state_activated=["true" | "false"]
android:state_window_focused=["true" | "false"] />
   </selector>

首先是这个东西:android:constantSize=["true" | "false"]

  这个东西有什么用呢?这一东西是说我们在后面那个item里面设置drawable这个东西的大小是不是固定的。我们这个文件一般都是用作控件的Backgroup或者selector总之就是背景状态,一般背景都是把控件的后面全部覆盖,但有的时候我们要设置设固定的大小,比如一个Button有300*200大,而设置这个Button的背景图片只有200*100,而现在我们又不想图片被拉大把覆盖整个Button的底层,那么就可以把这个属性设置为true,这样图片就只显示在中间了,就像我们设置桌面背景一样,可以设置成居中、拉伸,如果这里设置成true就相当于居中,如果不设置或者设置为false就是拉伸.

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

  这个东西是说是否让系统来帮我们处理颜色差异,一般android系统中使用的颜色是ARGB_8888,但很多显示设置是RGB_565,这个ARGB_8888与RGB_565有什么区别呢。这个ARGB_8888也就是说每一个像素点要拿4个字节来保存,依次每个字节是A8个字节,R8个字节,G8个字节,B8个字节,来保存,而RGB_565它只用了两个字节来保存颜色,两个字节总共16位,前5位保存R,中间6位保存G,后5位保存B.因此呀,如果android系统的点显示到屏幕上,还得转换一下,在这里这个dither就起作用了,

   如果我们把它设置为true的话,那显示的时候屏幕间断的取点,这样的结果,有的时候看上去就有那种分层的感觉,也就是前面一部分的颜色与后面一部分的颜色感觉断层了,就是很不平滑的感觉,如果我们这里设置为true的话,默认就是true,android系统,它会在取的点之间再经过一些计算,在其间补充一点相间的颜色使看起来比较平滑,但这样和真的图片还是有差异的,因些有的人想要得到很逼真的显示,这里就得自己来计算了,自己来计算,即占内存又占cpu,但颜色可以很逼真,如果有这样的需求那这里就要把这个属性设置为false

android:variablePadding

  这个是可变的填充,这个有什么用呢?这个就是,在当当前这个组件被selected的时候,比如某一个tab被selected,或者listView里面的个item被selected的时候,如果设置为true的话,那么被选的这个tab或item的填充就会变大,使得看上去与其它的tab或item不一样。

  接下来就是item中的属性了,这个也是经常用的。

android:drawable="@[package:]drawable/drawable_resource" 这个是说如果系统匹配上当前这个item(也就是要使用这个item),那么就用这里设置的资源这个资源,一般都为图片。

android:state_pressed=["true" | "false"]这个是说当前这个组件是否被按下,如果要设置按下的那一刻的状态,那么这里就要设置为true,例如,一个Button当手按下去后,还没有离开的状态(就是touched住的时候,还没有放开,和Clicked,点击时的那一刻)。

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

  这个是当获得焦点的时候的状态,就是当控件高亮的时候的状态,哪些情况可以造成此状态呢,比如说,轨迹球(有的手机上面有一个小球,可以用手指在上面向不同的方向滚动,滚动的时候,界面里面的焦点,就会转向滚动的方向的控件),还有就是d-pad之类的东西(比如果游戏手柄上面的上下左右键,还有键盘上面的上下左右键等)这些东西就可以控制组件上面的焦点。

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

  这个是api等组在14以上才有的,这个是当光标移动到某一个组件之上的时候的状态,到目前为止,还没有看见过哪个手机设备带有鼠标之类的东西,可能这个专门是为平板电脑设置的或者以后可能出现带有鼠标之类的设备而准备的吧,文档中说,一般这个值设置为与focused这个值一样。

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

  这个是当一个tab被打开的状态。或者一个listView等里面一个item被选择的时候的状态,因此这个属性设置在一般的组件上面是没有用的,只有设置有作为tab或item的布局里面的项时,这个属才起作用.

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

  这个是当一个组件在可以checked或不可以checked的时候的状态,现在较常见的,能够checkable的组件有,单选项和多选项,所以这个属性只有设置在像这类组件上面才有作用的。

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

  这个是当一个组件被checked 或者没有checked 的时候的状态,也就是说只有在可checkable上面的组件才有作用的,一般常见的就是多选按钮组与单选按钮组里面的项,这个才有作用的。

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

  这个是当一个组件是否能处理touch或click事件的时候的状态,如果要对组件能否响应事件设置不同背景的时候,就要靠这个属性了.

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

  这个是是否对当前界面是否得到焦点的两种状态的设置,比如说当我们打开一个界面,那么这个界面就获得了焦点,如果我们去把“通知”拉下来,那么这个界面就失去焦点,或者弹出了一个对话框,那么这个界面也失去焦点了。

特别提醒:系统是从上往下匹配的,如果匹配到一个item那么它就将采用这个item,而不是采用的最佳匹配的规则,所以设置缺省的状态,一定要写在最后,很多人为了保险起见,一开始就把缺省的写好,那么这样后面所有的item就都不会起作用了,还会因此找不着哪里出了问题。

  先看一下listview中的状态:

  把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml),在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。drawable/list_item_bg.xml

  Java代码:

<?xml version="1.0" encoding="utf-8" ?>   
  <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  <!-- 默认时的背景图片 -->   
  <item android:drawable="@drawable/pic1" />   
  <!-- 没有焦点时的背景图片 -->   
  <item android:state_window_focused="false"   
android:drawable="@drawable/pic1" />   
  <!-- 非触摸模式下获得焦点并单击时的背景图片 -->   
  <item android:state_focused="true" android:state_pressed="true"   
android:drawable= "@drawable/pic2" />   
  <!-- 触摸模式下单击时的背景图片 -->   
  <item android:state_focused="false" android:state_pressed="true"   
android:drawable="@drawable/pic3" />   
  <!--选中时的图片背景 -->   
  <item android:state_selected="true"   
android:drawable="@drawable/pic4" />   
  <!--获得焦点时的图片背景 -->   
  <item android:state_focused="true"   
android:drawable="@drawable/pic5" />   
  </selector>  
使用些xml文件:第一种是在listview中配置android:listSelector="@drawable/list_item_bg或者在listview的item中添加属性android:background="@drawable/list_item_bg"即可实现,或者在Java代码中使用:Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg);  ListView.setSelector(drawable);同样的效果。

但是这样会出现列表有时候为黑的情况,需要加上:android:cacheColorHint="@android:color/transparent"使其透明。

          也可以设置selector改变button中的文字状态。以下就是配置button中的文字效果:drawable/button_font.xml

          Java代码:

  <?xml version="1.0" encoding="utf-8"?>   
          <selector xmlns:android="http://schemas.android.com/apk/res/android">  
          <item android:state_selected="true" android:color="#FFF" />   
          <item android:state_focused="true" android:color="#FFF" />   
          <item android:state_pressed="true" android:color="#FFF" />   
          <item android:color="#000" />   
          </selector>  

          Button还可以实现更复杂的效果,例如渐变啊等等。

          Java代码:

 drawable/button_color.xml   
          <?xml version="1.0" encoding="utf-8"?>   
          <selector xmlns:android="http://schemas.android.com/apk/res/android"> /  
          <item android:state_pressed="true">//定义当button 处于pressed 状态时的形态。   
          <shape>   
          <gradient android:startColor="#8600ff" />   
          <stroke android:width="2dp" android:color="#000000" />   
          <corners android:radius="5dp" />   
          <padding android:left="10dp" android:top="10dp"   
android:bottom="10dp" android:right="10dp"/>   
  </shape>   
  </item>   
  <item android:state_focused="true">//定义当button获得 focus时的形态   
  <shape>   
  <gradient android:startColor="#eac100"/>   
  <stroke android:width="2dp" android:color="#333333" color="#ffffff"/>   
  <corners android:radius="8dp" />   
  <padding android:left="10dp" android:top="10dp"   
android:bottom="10dp" android:right="10dp"/>   
  </shape>   
  </item>   
  </selector>  
  最后,需要在包含 button的xml文件里添加两项。假如是 main.xml 文件,我们需要在<Button />里加两项。

  android:focusable="true"
android:backgroud="@drawable/button_color"
  这样当你使用Button的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景,配合应用的整体布局非常之有用啊。

 

  属性说明:
  solid:实心,就是填充的意思
android:color指定填充的颜色
  gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,android: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为角的弧度,值越大角越圆。
  我们还可以把四个角设定成不同的角度,方法为:
  <corners
android:topRightRadius="20dp" 右上角
android:bottomLeftRadius="20dp" 右下角
android:topLeftRadius="1dp" 左上角
android:bottomRightRadius="0dp" 左下角
  />
  这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个有点郁闷,不过不影响使用,记得别搞错了就行。

  还有网上看到有人说设置成0dp无效,不过我在测试中发现是可以的,我用的是2.2,可能修复了这个问题吧,如果无效的话那就只能设成1dp了。

 

posted @ 2015-04-09 20:12  YOUNG++  阅读(155)  评论(0编辑  收藏  举报