自定義ListView注意到的問題

http://blog.joomla.org.tw/android/178-ListView%E4%B9%8B%E4%B8%80%EF%BC%9AAdapter%E4%BB%8B%E7%B4%B9%E8%88%87%E4%BD%BF%E7%94%A8.html

如果Activity有繼承ListActivity
是不可以使用
setContentView(R.layout.list);
這個函式(會出錯)

被網路上一些文章誤導 =.=

列表(ListView)的應用上，很少是簡簡單單而已xd，很多都是要加東加西，又是加圖片

又是加標題、加內容的，所以事情很常不是我們想的那麼簡單的xd，這時就一定要用到

自定義這個東西，自定義顧名思義就是隨便您定，只要您高興、您開心，愛怎麼定都可以

方便是很方便，不過相對的會比較複雜一些，既然會需要用到，那我們就來看看怎麼做吧!

首先想要自定義的都需要多一個模板，所以新增一個List.xml

adapter.xml

1.  version="1.0" encoding="utf-8"?>
2.  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.     
7.        android:id="@+id/MyAdapter_ImageView_icon"
8.        android:layout_width="110dp"
9.        android:layout_height="70dp"
10.        android:layout_centerVertical="true"
11.        android:layout_marginLeft="5dp"
12.    />
13.   android:orientation="vertical"
14.        android:layout_width="wrap_content"
15.        android:layout_height="wrap_content">
17.      
18.         android:id="@+id/MyAdapter_TextView_title"
19.         android:layout_width="wrap_content"
20.         android:layout_height="wrap_content"
21.         android:layout_marginLeft="20dp"
22.         android:textColor="#ffbf00" />
23.        
24.     
25.        android:id="@+id/MyAdapter_TextView_info"
26.        android:layout_width="wrap_content"
27.        android:layout_height="wrap_content"
28.        android:layout_marginLeft="15dp"
29.        android:textColor="#FFFFFFFF" />
31.   

>  

新增一個適配器，也是資料的橋接器MyAdapter，說明資料應該對應到模板的哪個位置
MyAdapter.java

1. package jim.demo.listview;
3. import android.content.Context;
4. import android.view.LayoutInflater;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.BaseAdapter;
8. import android.widget.ImageView;
9. import android.widget.TextView;
11. public class MyAdapter extends BaseAdapter {
13.     private LayoutInflater myInflater;
14.     CharSequence[] title = null;
15.     CharSequence[] info = null;
16.      
17.     public MyAdapter(Context ctxt, CharSequence[] title, CharSequence[] info){
18.         myInflater = LayoutInflater.from(ctxt);
19.         this.title = title;
20.         this.info = info;
21.     }
22.      
23.     @Override
24.     public int getCount() {
25.          return title.length;
26.     }
28.     @Override
29.     public Object getItem(int position) {
30.          return title[position];
31.     }
33.     @Override
34.     public long getItemId(int position) {
35.          return position;
36.     }
38.     @Override
39.     public View getView(int position, View convertView, ViewGroup parent) {
41.         //自訂類別，表達個別listItem中的view物件集合。
42.         ViewTag viewTag;
44.         if(convertView == null){
45.             //取得listItem容器 view
46.             convertView = myInflater.inflate(R.layout.adapter, null);
47.              
48.             //建構listItem內容view
49.             viewTag = new ViewTag(
50.             (ImageView)convertView.findViewById(R.id.MyAdapter_ImageView_icon),
51.             (TextView) convertView.findViewById(R.id.MyAdapter_TextView_title),
52.             (TextView) convertView.findViewById(R.id.MyAdapter_TextView_info)
53.              );
54.              
55.             //設置容器內容
56.             convertView.setTag(viewTag);
57.         }
58.         else{
59.             viewTag = (ViewTag) convertView.getTag();
60.         }
61.          
62.         //設定內容圖案
63.         switch(position){
64.             case 0:
65.                 viewTag.icon.setBackgroundResource(R.drawable.taipei);
66.                 break;
67.             case 1:
68.                 viewTag.icon.setBackgroundResource(R.drawable.taichung);
69.                 break;
70.             case 2:
71.                 viewTag.icon.setBackgroundResource(R.drawable.kaohsiung);
72.                 break;
73.         }
74.          
75.         //設定標題文字
76.         viewTag.title.setText(title[position]);
77.         //設定內容文字
78.         viewTag.info.setText(info[position]);
79.          
80.         return convertView;
81.     }
83.     //自訂類別，表達個別listItem中的view物件集合。
84.     class ViewTag{
85.         ImageView icon;
86.         TextView title;
87.         TextView info;
88.      
89.         public ViewTag(ImageView icon, TextView title, TextView info){
90.             this.icon = icon;
91.             this.title = title;
92.             this.info = info;
93.         }
94.     }
95. }

新增一個適配器，也是資料的橋接器MyAdapter，說明資料應該對應到模板的哪個位置
MyAdapter.java

1. package jim.demo.listview;
2. import android.app.ListActivity;
3. import android.os.Bundle;
4. public class DemoListViewActivity extends ListActivity {
5.      
6.     private String[] mtitle = new String[]{"台北","台中","高雄"} ;
7.     private String[] minfo =  new String[]{"台北101.故公博物院.中正記念堂","都會公園.高美濕地.大坑風景區","西子灣.英國領事館.愛河"};
8.       
9.     @Override
10.     public void onCreate(Bundle savedInstanceState) {
11.         super.onCreate(savedInstanceState);
12.         setContentView(R.layout.main);
13.                  
14.         //標題資料
15.         CharSequence[] Mtitle = mtitle;
16.         //內容
17.         CharSequence[] Minfo = minfo;
18.         //載入列表中，new出MyAdapter時帶入所需"標題"."內容"資料
19.         setListAdapter(new MyAdapter(this, Mtitle, Minfo));
20.          
21.     }
22. }

執行後畫面

後記：

           自定義ListView的重點在於adapter.xml這個模板及MyAdapter.java這個適配器
只要修改模板及適配器就能做出自己想要的列表形式，這個對剛接觸android程式設計
的人來說可能會有點不太習慣這樣的設計模式，但android很多地方都是這種設計模式的
只要是自定義的地方，大多都會是此種形式，就為你介紹到此，謝謝。