Android ListView自定义和选中效果

Android ListView自定义和选中效果

1.自定义列表框的每项

layout文件夹中创建xml文件，在自定义的adapter的getview方法中加载。

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
3.               android:orientation="vertical"  
4.               android:layout_width="fill_parent"  
5.               android:layout_height="fill_parent"  
6.               android:weightSum="1">  
7.                 
8.     <LinearLayout android:orientation="horizontal"  
9.           android:layout_width="fill_parent"  
10.           android:layout_height="40px"  
11.           android:id="@+id/layout"  
12.           android:padding="6px">  
13.                             
14.         <ImageView android:id="@+id/icon"  
15.                android:layout_width="18dip"  
16.                android:layout_height="18dip"  
17.                android:layout_marginLeft="2dip"  
18.                android:layout_marginRight="2dip" />  
19.                      
20.         <TextView android:id="@+id/text"  
21.               android:layout_gravity="center_horizontal"  
22.               android:layout_width="fill_parent"  
23.               android:layout_height="wrap_content" />  
24.       
25.     </LinearLayout>  
26.       
27. </LinearLayout>  

2.自定义列表框适配器adapter
自定义adapter，继承自BaseAdapter，在getview方法中为当前项赋值并添加选中效果。

1. import android.content.Context;  
2. import android.content.res.Resources;  
3. import android.graphics.Bitmap;  
4. import android.graphics.BitmapFactory;  
5. import android.graphics.Color;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.BaseAdapter;  
10. import android.widget.ImageView;  
11. import android.widget.LinearLayout;  
12. import android.widget.TextView;  
13.   
14. public class ListviewAdapter extends BaseAdapter{  
15.       
16.     private LayoutInflater inflater = null;  
17.     private ArrayList<String> items = null;  
18.     private Bitmap icon;  
19.           
20.     private int selectedPosition = -1;    
21.     public void setSelectedPosition(int position) {  
22.         selectedPosition = position;  
23.     }  
24.             
25.     public ListviewAdapter(Context context, ArrayList<String> arraylist) {  
26.         // TODO Auto-generated constructor stub   
27.         // LayoutInflater用来加载界面   
28.         inflater = LayoutInflater.from(context);  
29.         // 保存适配器中的每项的文字信息   
30.         this.items = arraylist;  
31.         // 获得资源中的图片作为要显示的图标   
32.         Resources res = context.getResources();  
33.         this.icon = BitmapFactory.decodeResource(res, R.drawable.icon);  
34.     }    
35.           
36.     @Override  
37.     public int getCount() {  
38.         // TODO Auto-generated method stub   
39.         return items.size();  
40.     }    
41.           
42.     @Override  
43.     public Object getItem(int position) {  
44.         // TODO Auto-generated method stub   
45.         return items.get(position);  
46.     }  
47.           
48.     @Override  
49.     public long getItemId(int position) {  
50.         // TODO Auto-generated method stub   
51.         return position;  
52.     }  
53.       
54.     // 保存每项中的控件的引用   
55.     class ViewHolder {  
56.         TextView text;  
57.         ImageView icon;  
58.         LinearLayout layout;  
59.     }  
60.           
61.     @Override    
62.     public View getView(int position, View convert, ViewGroup parent) {  
63.        // TODO Auto-generated method stub   
64.        ViewHolder holder;  
65.        if(convert == null)  
66.        {  
67.             // 调用LayoutInflater的inflate方法加载layout文件夹中的界面   
68.             convert = inflater.inflate(R.layout.list_row, null);  
69.             holder = new ViewHolder();  
70.             holder.text = (TextView)convert.findViewById(R.id.text);  
71.             holder.icon = (ImageView)convert.findViewById(R.id.icon);  
72.             holder.layout = (LinearLayout)convert.findViewById(R.id.layout);  
73.             // 保存包含当前项控件的对象   
74.             convert.setTag(holder);  
75.         } else {  
76.             // 获取包含当前项控件的对象   
77.             holder = (ViewHolder)convert.getTag();  
78.         }  
79.         // 设置当前项的内容   
80.         holder.text.setText(items.get(position));  
81.         holder.icon.setImageBitmap(icon);  
82.         // 设置选中效果   
83.             if(selectedPosition == position)  
84.             {  
85.             holder.text.setTextColor(Color.BLUE);  
86.             holder.layout.setBackgroundColor(Color.YELLOW);  
87.             } else {  
88.             holder.text.setTextColor(Color.WHITE);  
89.             holder.layout.setBackgroundColor(Color.TRANSPARENT);  
90.             }  
91.         return convert;  
92.     }  
93. }  

3.主activity
添加列表框项目的点击事件，更新列表框实现选中效果的目的。

1. import java.util.ArrayList;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.View;  
6. import android.widget.AdapterView;  
7. import android.widget.ListView;  
8. import android.widget.AdapterView.OnItemClickListener;  
9.   
10. public class TestActivity extends Activity {  
11.     private ListviewAdapter listAdapter;  
12.       
13.     /** Called when the activity is first created. */  
14.     @Override  
15.     public void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         setContentView(R.layout.main);  
18.           
19.         // 初始化列表框里显示的内容   
20.         ArrayList<String> list = new ArrayList<String>();  
21.         for(int i=1; i<20; i++)  
22.             list.add("Line " + i);  
23.           
24.         // 为列表框添加适配器           
25.         ListView listview = (ListView)this.findViewById(R.id.listview);  
26.         listAdapter = new ListviewAdapter(this, list);  
27.         listview.setAdapter(listAdapter);  
28.           
29.         // 添加列表框项目点击事件   
30.         listview.setOnItemClickListener(new OnItemClickListener() {  
31.         @Override  
32.         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {  
33.             // 设置适配器的选中项   
34.             listAdapter.setSelectedPosition(arg2);  
35.             // 更新列表框   
36.                     listAdapter.notifyDataSetInvalidated();      
37.         }  
38.     });  
39.     }  
40. }  

4.主acitivity的界面
为防止列表框滚动时背景会变黑，添加 android:cacheColorHint="#00000000" 属性。

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.               android:orientation="vertical"  
4.               android:layout_width="fill_parent"  
5.               android:layout_height="fill_parent"  
6.               android:weightSum="1">  
7.                 
8.     <TextView android:layout_width="wrap_content"  
9.           android:layout_height="wrap_content"  
10.           android:text="Listview:"  
11.               android:textSize="8pt"  
12.               android:gravity="left" />  
13.                 
14.     <ListView android:id="@+id/listview"  
15.           android:layout_width="fill_parent"   
16.           android:layout_height="wrap_content"  
17.           android:cacheColorHint="#00000000" />  
18.       
19. </LinearLayout>