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">
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">
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" />
20. <TextView android:id="@+id/text"
21. android:layout_gravity="center_horizontal"
22. android:layout_width="fill_parent"
23. android:layout_height="wrap_content" />
25. </LinearLayout>
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;
14. public class ListviewAdapter extends BaseAdapter{
16. private LayoutInflater inflater = null;
17. private ArrayList<String> items = null;
18. private Bitmap icon;
20. private int selectedPosition = -1;
21. public void setSelectedPosition(int position) {
22. selectedPosition = position;
23. }
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. }
36. @Override
37. public int getCount() {
38. // TODO Auto-generated method stub
39. return items.size();
40. }
42. @Override
43. public Object getItem(int position) {
44. // TODO Auto-generated method stub
45. return items.get(position);
46. }
48. @Override
49. public long getItemId(int position) {
50. // TODO Auto-generated method stub
51. return position;
52. }
54. // 保存每項中的控件的引用
55. class ViewHolder {
56. TextView text;
57. ImageView icon;
58. LinearLayout layout;
59. }
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;
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;
10. public class TestActivity extends Activity {
11. private ListviewAdapter listAdapter;
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);
19. // 初始化列表框裡顯示的內容
20. ArrayList<String> list = new ArrayList<String>();
21. for(int i=1; i<20; i++)
22. list.add("Line " + i);
24. // 為列表框添加適配器
25. ListView listview = (ListView)this.findViewById(R.id.listview);
26. listAdapter = new ListviewAdapter(this, list);
27. listview.setAdapter(listAdapter);
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">
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" />
14. <ListView android:id="@+id/listview"
15. android:layout_width="fill_parent"
16. android:layout_height="wrap_content"
17. android:cacheColorHint="#00000000" />
19. </LinearLayout>