ListView选中一行后高亮显示(附源码)

  人人客户端有一个很好的导航栏，如下图所示，当点击左侧ListView后，选中的一行就会一直呈高亮状态显示，

图中选中行字的颜色显示为蓝色(注意：是选中行后一直高亮，而不是只是点击时高亮），如果再次点击另外的一行，

则新的那一行就高亮，下面就来实现这个高亮效果的显示；

      刚开始实现的时候，我打算使用ListView的 getChildAt(int pos)方法来实现，结果发现非常的cao蛋，因为ListView

本身的原因，当你View  view=listView.getChildAt(pos)，并且改变这个View的状态时，你会发现，高亮的往往不是你

选中的那行，反而是其他行，这是由于ListView本身决定了，Google在设计ListView的时候，为了减少内存的消耗，使

用了一种共用的方式，即多个行共用一个View，所以才会出现点击后乱跳的现象（这是一种很高明的方法，不过也苦了

程序猿们）；

         于是就选择了另外一种方式，ListView都有一个Adapter来显示数据，而这个Adapter中的getView()却能获得准确

的每一行，这里我们需要自定义一个继承自BaseAdapter的Adapter来实现（如果使用ArrayAdapter等自带的Adapter时，

不会实现这样的功能）；另外，这个ListView一定要设置一个属性：listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

即设置为单选模式，这样当你点击一行后，ListView就会刷新界面，还有就是给ListView设置OnItemClickListener监听器，

当点击一行后，就更新当前行的下标，所有代码如下所示：

1. public class ListViewDemo extends Activity {  
2.     private ListView listview;  
3.     private int cur_pos = 0;// 当前显示的一行  
4.   
5.     private String[] items_text = { "选项一", "选项二", "选项三", "选项四", "选项五" };  
6.     private int[] items_img = { R.drawable.ic_launcher, R.drawable.ic_launcher,  
7.             R.drawable.ic_launcher, R.drawable.ic_launcher,  
8.             R.drawable.ic_launcher };  
9.   
10.     @Override  
11.     protected void onCreate(Bundle savedInstanceState) {  
12.         super.onCreate(savedInstanceState);  
13.         setContentView(R.layout.activity_list_view_demo);  
14.         listview = (ListView) findViewById(R.id.listview);  
15.   
16.         final MyAdapter adapter = new MyAdapter(this);  
17.         listview.setAdapter(adapter);  
18.   
19.         listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);// 一定要设置这个属性，否则ListView不会刷新  
20.         listview.setOnItemClickListener(new OnItemClickListener() {  
21.             @Override  
22.             public void onItemClick(AdapterView<?> arg0, View arg1,  
23.                     int position, long id) {  
24.                 cur_pos = position;// 更新当前行  
25.             }  
26.         });  
27.     }  
28.   
29.     private class MyAdapter extends BaseAdapter {  
30.         private LayoutInflater inflater;  
31.   
32.         public MyAdapter(Context context) {  
33.             inflater = (LayoutInflater) context  
34.                     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
35.         }  
36.   
37.         @Override  
38.         public int getCount() {  
39.             return items_text.length;  
40.         }  
41.   
42.         @Override  
43.         public Object getItem(int position) {  
44.             return items_text[position];  
45.         }  
46.   
47.         @Override  
48.         public long getItemId(int position) {  
49.             return position;  
50.         }  
51.   
52.         @Override  
53.         public View getView(int position, View convertView, ViewGroup parent) {  
54.             Log.e("TEST", "refresh once");  
55.             convertView = inflater.inflate(R.layout.list_child, null, false);  
56.             ImageView img = (ImageView) convertView  
57.                     .findViewById(R.id.list_child_img);// 用于显示图片  
58.             TextView tv = (TextView) convertView  
59.                     .findViewById(R.id.list_child_text);// 显示文字  
60.             tv.setText(items_text[position]);  
61.             img.setImageResource(items_img[position]);  
62.             if (position == cur_pos) {// 如果当前的行就是ListView中选中的一行，就更改显示样式  
63.                 convertView.setBackgroundColor(Color.LTGRAY);// 更改整行的背景色  
64.                 tv.setTextColor(Color.RED);// 更改字体颜色  
65.             }  
66.             return convertView;  
67.         }  
68.     }  
69. }  

最后，附上效果图一张：

源代码地址：ListView高亮显示源代码