快捷導(dǎo)航

Android ListView的item背景色設(shè)置和item點(diǎn)擊無(wú)響應(yīng)的解決方法

更新時(shí)間：2013年11月04日 16:48:53 作者：

在Android開發(fā)中，listview控件是非常常用的控件，在大多數(shù)情況下，大家都會(huì)改掉listview的item默認(rèn)的外觀。

　　下面講解以下在使用listview時(shí)最常見的幾個(gè)問題。
1.如何改變item的背景色和按下顏色
　　listview默認(rèn)情況下，item的背景色是黑色，在用戶點(diǎn)擊時(shí)是黃色的。如果需要修改為自定義的背景顏色，一般情況下有三種方法：
　　1）設(shè)置listSelector
　　2）在布局文件中設(shè)置item的background
　　3）在adapter的getview中設(shè)置
　　這三種方法都能達(dá)到改變item默認(rèn)的背景色和按下顏色，下面來(lái)分別講解，但是在這之前需要先寫好selector.xml文件;

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/light_blue"></item>
    <item android:state_pressed="false" android:drawable="@color/sgray"></item>
</selector>

在改變button或者listview的item默認(rèn)背景色，就可以用到selector。drawable可以設(shè)置為色彩資源，也可以設(shè)置為圖片資源。
1）設(shè)置listview的listSelector

復(fù)制代碼代碼如下:

<ListView
   android:id="@+id/history_list"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:divider="#565C5D"
   android:dividerHeight="3dp"
   android:listSelector="@drawable/selector"
   android:cacheColorHint="@android:color/transparent">
</ListView>

2）在listitem的布局文件中設(shè)置background屬性，下面是listitem的布局文件

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="@drawable/selector">
    <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="歷史記錄"
          android:textColor="#ffffff"
          android:textSize="20sp"
          android:layout_centerInParent="true">
     </TextView>
</RelativeLayout>

3）在adapter的getView方法中設(shè)置

復(fù)制代碼代碼如下:

 if(convertView ==null)
 {
     convertView = LayoutInflater.from(context).inflate(R.layout.listitem, null);
 }
 convertView.setBackgroundResource(R.drawable.selector);
 

　　上述方法都能達(dá)到同樣的效果，就是改變item默認(rèn)的背景色和點(diǎn)擊時(shí)的背景顏色，第三種方法最靈活，如果listview的奇數(shù)行和偶數(shù)行需要設(shè)置為不同的selector，只能用第三種方法。
2.包含button，checkbox等控件時(shí)點(diǎn)擊無(wú)響應(yīng)問題。
　　如果listitem里面包括button或者checkbox等控件，默認(rèn)情況下listitem會(huì)失去焦點(diǎn)，導(dǎo)致無(wú)法響應(yīng)item的事件，最常用的解決辦法是在listitem的布局文件中設(shè)置descendantFocusability屬性。

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:paddingTop="10dp"
  android:paddingBottom="10dp"
  android:paddingLeft="5dp"
  android:paddingRight="5dp"
  android:descendantFocusability="blocksDescendants">

  <CheckBox
   android:id="@+id/history_item_checkbt"
   android:layout_height="30dp"
   android:layout_width="wrap_content"
   android:layout_centerVertical="true"
   android:layout_alignParentLeft="true"
   android:checked="false"
   >
  </CheckBox>

  <ImageView
   android:id="@+id/history_item_image"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerVertical="true"
   android:layout_toRightOf="@id/history_item_checkbt"
   android:background="@drawable/item_icon">
  </ImageView>

  
  <Button
   android:id="@+id/history_item_edit_bt"
   android:layout_alignParentRight="true"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerVertical="true"
   android:text="編輯"
   android:textColor="#ffffff"
   android:textSize="14sp"
   android:background="@drawable/button_bg">
  </Button>

  <TextView
   android:id="@+id/history_item_time_tv"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerVertical="true"
   android:textColor="#565C5D"
   android:textSize="14sp"
   android:text="10-01 10:20"
   android:layout_marginRight="5dp"
   android:layout_toLeftOf="@id/history_item_edit_bt">
  </TextView>

  <TextView
   android:id="@+id/history_item_title_tv"
   android:layout_height="wrap_content"
   android:layout_width="fill_parent"
   android:layout_centerVertical="true"
   android:textColor="#565C5D"
   android:textSize="14sp"
   android:text="xxxxxxxxXXXXXXXXXXXXXXXX"
   android:ellipsize="end"
   android:maxLines="1"
   android:layout_toRightOf="@id/history_item_image"
   android:layout_toLeftOf="@id/history_item_time_tv"
   android:layout_marginLeft="3dp">
  </TextView>
</RelativeLayout>