首页 > 代码库 > 改变listview中item选中时文字的颜色

改变listview中item选中时文字的颜色

2024-07-11 11:40:43   223人阅读

当listview的某个item选中时，默认有个选中的高亮显示，如果你要自定义选中时的高亮显示效果，可以在listview中设置属性

1
android:listSelector="@drawable/item_selector"

   其中item_selector是在drawable目录下定义的一个xml文件，这种用于突出不同状态下显示效果的xml文件我们称之为selector：

1
2
3
4
5
6
7
<?xml version="1.0"encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false"android:drawable="@*android:color/transparent"/>
    <item android:state_pressed="true"android:drawable="@drawable/grid_item_select_bg"/>
    <item android:state_selected="true"android:drawable="@drawable/grid_item_select_bg_night"/>
</selector>

   上面这个selector定义了三种状态下的显示效果。

   但是如果我们想在listview的某个item选中时改变该item的某个textview的文字颜色，上面的办法就行不通了。那该如何做呢？

   其实如果我们真正了解android:listSelector的含义的话，很容易实现上面的需求。

   我发现如果不在listview中设置listSelector，也就是将android:listSelector="@drawable/item_selector"去掉，而把item 的background属性设为item_selector，会得到同样的选中高亮效果。由此可见listview可以将自己的状态（state_press、state_select、state_focus等）向内传递，当然item本身也可以将这些状态继续传递给子view。

   受此启发，我们可以将需要高亮显示文字颜色的TextView的textColor属性也设置成selector的形式（没想到吧textColor也可以用drawable定义）。

   假设item的xml原本定义为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"               
    >
    <TextView
        android:id="@+id/txt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello"
        android:layout_margin="5dp"        
        />
</LinearLayout>


   那么可以按照上面的办法将item的xml改写为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/item_selector"<!-- item背景色变换 -->
    >
    <TextView
        android:id="@+id/txt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello"
        android:layout_margin="5dp"
       android:textColor="@drawable/item_text_selector"<!-- item文字颜色变换 -->
        />
</LinearLayout>

   其中，item_text_selector.xml的源码如下：

1
2
3
4
5
6
7
<?xml version="1.0"encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true"android:color="#333333"/> <!-- focused -->
    <item android:state_pressed="true"android:color="#333333"/> <!-- pressed -->
    <item android:state_selected="true"android:color="#333333"/> <!-- pressed -->
    <item android:color="#f4f4f4"/> <!-- default-->
</selector>

   经过本人实际测试该方法可行，如果想更加可靠不妨给TextView 增加个属性

1
android:duplicateParentState="true"

表示会跟随ParentView的状态来变化，其实没加也不会有问题，因为默认状态本来就是能传递的，只是在某些极端的情况下可以设置这个属性做一层保险。


联系
我们