Android 实现ListView中Item被单击后背景色保持高亮

时间：2023-03-08 19:58:50
Android 实现ListView中Item被单击后背景色保持高亮

今天为了解决一个需求，就是我有一个slidingDrawer，里面是一个ListView。然后，单击其中的Item，默认只是显示一个橙色背景后就恢复了。客户便有着个需求，需要单击这个Item的背景高亮。于是就Google咯。得到一位前辈的文章。故为了方便今后的学习温故，故作转载。

用户点击ListView中的item时，有的时候我们想要选中的item高亮显示，以便提醒用户。原本以为只需要简单设置就能实现，但是并非如此。下面我们来介绍如何让选中的item高亮显示。

方法一：简单实现

此方法的思路就是在ListView的 OnItemClickListener 中，得到当前点击的View ，将其保存在Tag信息中，设置背景色为红色；如果tag信息存在的话，说明用户又单击了其他的View，这个时候将背景色取消即可，代码如下：

  1. //item绑定菜品列表单击监听器
  2. listDishes.setOnItemClickListener(new OnItemClickListener(){
  3. @Override
  4. public void onItemClick(AdapterView<?> parent, View view,
  5. int position, long id) {
  6. if (((ListView)parent).getTag() != null){
  7. ((View)((ListView)parent).getTag()).setBackgroundDrawable(null);
  8. }
  9. ((ListView)parent).setTag(view);
  10. view.setBackgroundColor(Color.RED);
  11. }
  12. });

优点：实现简单

缺点：无法外部调用，比如我们想要实现点击按钮，listview自动选中下一个item

方法二: 为ListView实现自定义的适配器

1.我们需要为ListView实现一个自定义的适配器，复写其中的getView方法。如果你不知道怎么做，推荐你先好好阅读一下这里：Android开发之ListView 适配器(Adapter)优化

2.适配器中有一个成员变量，用于接收从外部传进来位置信息

3.在适配器的getView方法中，将用户点击position位置处的View背景设置为屎黄色

参考代码如下：

  1. import java.util.ArrayList;
  2. import java.util.HashMap;
  3. import java.util.List;
  4. import tgb.com.R;
  5. import android.app.Activity;
  6. import android.content.Context;
  7. import android.graphics.Color;
  8. import android.os.Bundle;
  9. import android.view.LayoutInflater;
  10. import android.view.View;
  11. import android.view.ViewGroup;
  12. import android.widget.AdapterView;
  13. import android.widget.BaseAdapter;
  14. import android.widget.ListView;
  15. import android.widget.TextView;
  16. import android.widget.AdapterView.OnItemClickListener;
  17. public class DemoActivity extends Activity {
  18. //显示具体菜品
  19. private ListView listDishes = null;
  20. //具体菜品listview适配器
  21. private MyAdapter myAdapter;
  22. //列表，用来存放类别下的菜品
  23. List<HashMap<String, String>> data;
  24. @Override
  25. protected void onCreate(Bundle savedInstanceState) {
  26. super.onCreate(savedInstanceState);
  27. setContentView(R.layout.menu);
  28. //取得所有的菜品
  29. data =  this.getDishes();
  30. myAdapter = new MyAdapter(this);
  31. //寻找菜类别控件
  32. listDishes = (ListView)findViewById(R.id.listDishes);
  33. //设置适配器
  34. listDishes.setAdapter(myAdapter);
  35. //绑定菜品列表单击监听器
  36. listDishes.setOnItemClickListener(new OnItemClickListener(){
  37. @Override
  38. public void onItemClick(AdapterView<?> parent, View view,
  39. int position, long id) {
  40. myAdapter.setSelectItem(5);
  41. myAdapter.notifyDataSetInvalidated();
  42. }
  43. });
  44. }
  45. /**
  46. * 获得菜品名称
  47. * @return
  48. */
  49. public List<HashMap<String, String>> getDishes() {
  50. //声明一个哈希数组
  51. ArrayList<HashMap<String, String>> list = new  ArrayList<HashMap<String, String>>();
  52. HashMap<String, String> map1 = new HashMap<String, String>();
  53. HashMap<String, String> map2 = new HashMap<String, String>();
  54. HashMap<String, String> map3 = new HashMap<String, String>();
  55. HashMap<String, String> map4 = new HashMap<String, String>();
  56. HashMap<String, String> map5 = new HashMap<String, String>();
  57. HashMap<String, String> map6 = new HashMap<String, String>();
  58. HashMap<String, String> map7 = new HashMap<String, String>();
  59. HashMap<String, String> map8 = new HashMap<String, String>();
  60. //加载菜品信息
  61. map1.put("dish_name", "鱼香肉丝");
  62. map1.put("dish_price", "5元");
  63. map2.put("dish_name", "麻婆豆腐");
  64. map2.put("dish_price", "6元");
  65. map3.put("dish_name", "茅台十五年");
  66. map3.put("dish_price", "2580元");
  67. map4.put("dish_name", "考利干白");
  68. map4.put("dish_price", "168元");
  69. map5.put("dish_name", "汉诺香槟");
  70. map5.put("dish_price", "568元");
  71. map6.put("dish_name", "张裕香槟");
  72. map6.put("dish_price", "168元");
  73. map7.put("dish_name", "杰克丹尼");
  74. map7.put("dish_price", "35元/杯");
  75. map8.put("dish_name", "伏特加");
  76. map8.put("dish_price", "50元/杯");
  77. //添加进列表中
  78. list.add(map1);
  79. list.add(map2);
  80. list.add(map3);
  81. list.add(map4);
  82. list.add(map5);
  83. list.add(map6);
  84. list.add(map7);
  85. list.add(map8);
  86. return list;
  87. }
  88. /**
  89. * 静态类，用于ListView中存放菜品名称和单价
  90. * @author abing
  91. *
  92. */
  93. static class ViewHolder {
  94. TextView textDishName;
  95. TextView textDishPrice;
  96. }
  97. /**
  98. * ListView适配器，实现有自己布局的Listview
  99. * @author abing
  100. *
  101. */
  102. public class MyAdapter extends BaseAdapter {
  103. private LayoutInflater mInflater;
  104. private int  selectItem=-1;
  105. public MyAdapter(Context context) {
  106. this.mInflater = LayoutInflater.from(context);
  107. }
  108. public int getCount() {
  109. // TODO Auto-generated method stub
  110. return data.size();
  111. }
  112. public Object getItem(int arg0) {
  113. // TODO Auto-generated method stub
  114. return data.get(arg0);
  115. }
  116. public long getItemId(int arg0) {
  117. // TODO Auto-generated method stub
  118. return arg0;
  119. }
  120. public View getView(int position, View convertView, ViewGroup parent) {
  121. ViewHolder holder;
  122. if (convertView == null) {
  123. holder = new ViewHolder();
  124. //此处布局文件详见文章最后
  125. convertView = mInflater.inflate(R.layout.list_dishes_detail, null);
  126. holder.textDishName = (TextView) convertView.findViewById(R.id.dish_name);
  127. holder.textDishPrice = (TextView) convertView.findViewById(R.id.dish_price);
  128. convertView.setTag(holder);
  129. } else {
  130. holder = (ViewHolder) convertView.getTag();
  131. }
  132. holder.textDishName.setText(data.get(position).get("dish_name"));
  133. holder.textDishPrice.setText(data.get(position).get("dish_price"));
  134. //如果位置相同则设置背景为黄色
  135. if (position == selectItem) {
  136. convertView.setBackgroundColor(Color.YELLOW);
  137. }
  138. else {
  139. convertView.setBackgroundColor(Color.TRANSPARENT);
  140. }
  141. return convertView;
  142. }
  143. public  void setSelectItem(int selectItem) {
  144. this.selectItem = selectItem;
  145. }
  146. }
  147. }

R.layout.list_dishes_detail 布局文件如下

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="horizontal"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. android:paddingTop="1dip"
  7. android:paddingBottom="1dip"
  8. android:paddingLeft="10dip"
  9. android:paddingRight="10dip"
  10. >
  11. <TextView
  12. android:id="@+id/dish_name"
  13. android:layout_width="100dip"
  14. android:layout_height="30dip"
  15. android:textSize="11pt"
  16. android:singleLine="true"
  17. />
  18. <TextView
  19. android:id="@+id/dish_price"
  20. android:layout_width="fill_parent"
  21. android:layout_height="fill_parent"
  22. android:gravity="right"
  23. android:textSize="11pt"
  24. android:singleLine="true"
  25. />
  26. </LinearLayout>
  优点：功能强大，灵活
  缺点：实现较为复杂，新手需要耐心调试
原文章链接：http://www.67tgb.com/?p=396