Android 自定義ListView + Gallery 組合

效果如圖:  Item項包含標題、描述及一個Gallery.

主配置文件(main):

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical" android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent">  
5.     <!-- 解決ListView拖拽背景圖片的bug: ListView中加入android:cacheColorHint="#00000000" -->  
6.     <!-- 給ListView每一項添加分隔線:android:divider="@color/snow" android:dividerHeight="1dip" -->  
7.     <ListView android:id="@+id/my_lst" android:layout_width="fill_parent"  
8.         android:layout_height="fill_parent" android:background="@drawable/bac"  
9.         android:divider="@color/snow" android:dividerHeight="1dip"  
10.         android:cacheColorHint="#00000000">  
11.     </ListView>  
12. </LinearLayout>  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout android:id="@+id/items"  
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:orientation="vertical" android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent">  
6.     <TextView android:id="@+id/item_title" android:layout_width="wrap_content"  
7.         android:textSize="20dip" android:layout_height="wrap_content"  
8.         android:textColor="@color/snow" android:layout_marginLeft="10dip"  
9.         android:layout_alignParentLeft="true" android:gravity="bottom" />  
10.     <TextView android:id="@+id/item_describe" android:textColor="@color/snow"  
11.         android:layout_width="wrap_content" android:textSize="15dip"  
12.         android:layout_marginTop="5dip" android:layout_height="wrap_content"  
13.         android:layout_marginLeft="20dip" android:layout_toRightOf="@+id/item_title"  
14.         android:gravity="bottom" />  
15.     <!-- 設置Gallery每一項的間距:android:spacing="10dip" -->  
16.     <Gallery android:id="@+id/item_gallery" android:layout_width="fill_parent"  
17.         android:layout_height="wrap_content" android:spacing="10dip"  
18.         android:layout_below="@+id/item_title" android:layout_marginTop="20dip"  
19.         android:layout_marginBottom="20dip" />  
20. </RelativeLayout>  

values文件夾下colors.xml:

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <color name="white">#ffffff</color><!--白色 -->  
4.     <color name="snow">#fffafa</color><!--雪白色 -->  
5.     <color name="silver">#c0c0c0</color><!--銀色 -->  
6.     <color name="blue">#0000FF</color><!-- 藍色 -->  
7.     <color name="skyblue">#87ceeb</color><!--天藍色 -->    
8.     <color name="darkgrey">#a9a9a9</color><!--暗灰色 -->    
9. </resources>  

JavaBean(ListItem),對應到每一項ListView的item項:

1. package com.march.view;  
2.   
3. import java.io.InputStream;  
4.   
5. import android.content.Context;  
6. import android.graphics.Bitmap;  
7. import android.graphics.BitmapFactory;  
8. import android.graphics.BitmapFactory.Options;  
9. import android.view.View;  
10. import android.view.ViewGroup;  
11. import android.widget.BaseAdapter;  
12. import android.widget.ImageView;  
13.   
14. public class ListItem {  
15.     public String title, describe;  
16.     public int[] itemImages;  
17.     public ImageAdapter adapter;  
18.   
19.     public void initAdapter(Context context) {  
20.         this.adapter = new ImageAdapter(context);  
21.     }  
22.   
23.     public class ImageAdapter extends BaseAdapter {  
24.         private Context mContext;  
25.   
26.         public ImageAdapter(Context context) {  
27.             this.mContext = context;  
28.         }  
29.   
30.         @Override  
31.         public int getCount() {  
32.             // TODO Auto-generated method stub   
33.             return Integer.MAX_VALUE;  
34.         }  
35.   
36.         @Override  
37.         public Object getItem(int i) {  
38.             // TODO Auto-generated method stub   
39.             return i;  
40.         }  
41.   
42.         @Override  
43.         public long getItemId(int i) {  
44.             // TODO Auto-generated method stub   
45.             return i;  
46.         }  
47.   
48.         @Override  
49.         public View getView(int i, View view, ViewGroup viewgroup) {  
50.             view = new ImageView(mContext);  
51.             ((ImageView) view).setImageBitmap(ListItem.readBitmap(mContext,  
52.                     itemImages[i % itemImages.length]));  
53.             return view;  
54.         }  
55.   
56.     }  
57.   
58.     /*** 
59.      * 以最省內存的方式讀取本地資源的圖片 
60.      *  
61.      * @param context 
62.      * @param resId 
63.      * @return 
64.      */  
65.     public static Bitmap readBitmap(Context context, int rid) {  
66.         BitmapFactory.Options options = new BitmapFactory.Options();  
67.         options.inPreferredConfig = Bitmap.Config.RGB_565;  
68.         options.inPurgeable = true;  
69.         options.inInputShareable = true;  
70.         // 獲取資源圖片   
71.         InputStream is = context.getResources().openRawResource(rid);  
72.         return BitmapFactory.decodeStream(is, null, options);  
73.     }  
74. }  

1. package com.march.view;  
2.   
3. import java.util.ArrayList;  
4. import java.util.List;  
5.   
6. import android.app.Activity;  
7. import android.content.Context;  
8. import android.os.Bundle;  
9. import android.view.LayoutInflater;  
10. import android.view.View;  
11. import android.view.ViewGroup;  
12. import android.widget.BaseAdapter;  
13. import android.widget.Gallery;  
14. import android.widget.ListView;  
15. import android.widget.TextView;  
16.   
17. import com.march.define.R;  
18.   
19. public class MainActivity extends Activity {  
20.     /** Called when the activity is first created. */  
21.     private ListView myLst;  
22.     private List<ListItem> items = new ArrayList<ListItem>();  
23.   
24.     @Override  
25.     public void onCreate(Bundle savedInstanceState) {  
26.         super.onCreate(savedInstanceState);  
27.         setContentView(R.layout.main);  
28.         myLst = (ListView) findViewById(R.id.my_lst);  
29.         initItems();  
30.         myLst.setAdapter(new CustomSimpleAdapter(this, items));  
31.     }  
32.   
33.     //默認數據,可修改   
34.     private static final String[] titles = new String[] { "title one",  
35.             "title two", "title three", "title four", "title five", "title six" };  
36.     private static final String[] describes = new String[] { "describe one",  
37.             "describe two", "describe three", "describe four", "describe five",  
38.             "describe six" };  
39.     private static final int[] images = new int[] { R.drawable.first,  
40.             R.drawable.second, R.drawable.three, R.drawable.four,  
41.             R.drawable.five, R.drawable.six };  
42.   
43.     private void initItems() {  
44.         // 初始化6個ListItem項   
45.         ListItem item = null;  
46.         for (int i = 0; i < 6; i++) {  
47.             item = new ListItem();  
48.             item.title = titles[i];  
49.             item.describe = describes[i];  
50.             item.itemImages = images;  
51.             item.initAdapter(this);  
52.             items.add(item);  
53.         }  
54.     }  
55.   
56.     public class CustomSimpleAdapter extends BaseAdapter {  
57.         private List<ListItem> items;  
58.         private LayoutInflater layoutInflater;  
59.   
60.         public CustomSimpleAdapter(Context context, List<ListItem> items) {  
61.             // TODO Auto-generated constructor stub   
62.             this.items = items;  
63.             layoutInflater = (LayoutInflater) ((Activity) context)  
64.                     .getSystemService(LAYOUT_INFLATER_SERVICE);  
65.         }  
66.   
67.         @Override  
68.         public int getCount() {  
69.             return items.size();  
70.         }  
71.   
72.         @Override  
73.         public Object getItem(int position) {  
74.             return position;  
75.         }  
76.   
77.         @Override  
78.         public long getItemId(int position) {  
79.             return position;  
80.         }  
81.   
82.         @Override  
83.         public View getView(int position, View convertView, ViewGroup parent) {  
84.             //if (null == convertView) {   
85.                 convertView = layoutInflater.inflate(R.layout.items, null);  
86.                 ListItem item = this.items.get(position);  
87.                 TextView title = (TextView) convertView  
88.                         .findViewById(R.id.item_title);  
89.                 title.setText(item.title);  
90.                 TextView describe = (TextView) convertView  
91.                         .findViewById(R.id.item_describe);  
92.                 describe.setText(item.describe);  
93.                 Gallery gallery = (Gallery) convertView  
94.                         .findViewById(R.id.item_gallery);  
95.                 gallery.setAdapter(item.adapter);  
96.                 gallery.setSelection(Integer.MAX_VALUE / 2);  
97.                 convertView.setTag(convertView);  
98.             /*} else { 
99.                 convertView = (View) convertView.getTag(); 
100.                 Log.i("test", "go here convertView"); 
101.             }*/  
102.             return convertView;  
103.         }  
104.   
105.     }  
106.   
107. }  

源碼下載鏈接

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2012年資料/8月/24日/Android 自定義ListView + Gallery 組合