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>  
ListView 的Item配置文件(items):
  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. }  
MainActivity,展示界面
  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.bkjia.com/

用户名与密码都是www.bkjia.com

具体下载目录在 /2012年资料/8月/24日/Android 自定义ListView + Gallery 组合

相关内容