歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android 自定義ListView + Gallery 組合

Android 自定義ListView + Gallery 組合

日期:2017/3/1 10:11:52   编辑:Linux編程

效果如圖: 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. import java.io.InputStream;
  3. import android.content.Context;
  4. import android.graphics.Bitmap;
  5. import android.graphics.BitmapFactory;
  6. import android.graphics.BitmapFactory.Options;
  7. import android.view.View;
  8. import android.view.ViewGroup;
  9. import android.widget.BaseAdapter;
  10. import android.widget.ImageView;
  11. public class ListItem {
  12. public String title, describe;
  13. public int[] itemImages;
  14. public ImageAdapter adapter;
  15. public void initAdapter(Context context) {
  16. this.adapter = new ImageAdapter(context);
  17. }
  18. public class ImageAdapter extends BaseAdapter {
  19. private Context mContext;
  20. public ImageAdapter(Context context) {
  21. this.mContext = context;
  22. }
  23. @Override
  24. public int getCount() {
  25. // TODO Auto-generated method stub
  26. return Integer.MAX_VALUE;
  27. }
  28. @Override
  29. public Object getItem(int i) {
  30. // TODO Auto-generated method stub
  31. return i;
  32. }
  33. @Override
  34. public long getItemId(int i) {
  35. // TODO Auto-generated method stub
  36. return i;
  37. }
  38. @Override
  39. public View getView(int i, View view, ViewGroup viewgroup) {
  40. view = new ImageView(mContext);
  41. ((ImageView) view).setImageBitmap(ListItem.readBitmap(mContext,
  42. itemImages[i % itemImages.length]));
  43. return view;
  44. }
  45. }
  46. /***
  47. * 以最省內存的方式讀取本地資源的圖片
  48. *
  49. * @param context
  50. * @param resId
  51. * @return
  52. */
  53. public static Bitmap readBitmap(Context context, int rid) {
  54. BitmapFactory.Options options = new BitmapFactory.Options();
  55. options.inPreferredConfig = Bitmap.Config.RGB_565;
  56. options.inPurgeable = true;
  57. options.inInputShareable = true;
  58. // 獲取資源圖片
  59. InputStream is = context.getResources().openRawResource(rid);
  60. return BitmapFactory.decodeStream(is, null, options);
  61. }
  62. }
MainActivity,展示界面
  1. package com.march.view;
  2. import java.util.ArrayList;
  3. import java.util.List;
  4. import android.app.Activity;
  5. import android.content.Context;
  6. import android.os.Bundle;
  7. import android.view.LayoutInflater;
  8. import android.view.View;
  9. import android.view.ViewGroup;
  10. import android.widget.BaseAdapter;
  11. import android.widget.Gallery;
  12. import android.widget.ListView;
  13. import android.widget.TextView;
  14. import com.march.define.R;
  15. public class MainActivity extends Activity {
  16. /** Called when the activity is first created. */
  17. private ListView myLst;
  18. private List<ListItem> items = new ArrayList<ListItem>();
  19. @Override
  20. public void onCreate(Bundle savedInstanceState) {
  21. super.onCreate(savedInstanceState);
  22. setContentView(R.layout.main);
  23. myLst = (ListView) findViewById(R.id.my_lst);
  24. initItems();
  25. myLst.setAdapter(new CustomSimpleAdapter(this, items));
  26. }
  27. //默認數據,可修改
  28. private static final String[] titles = new String[] { "title one",
  29. "title two", "title three", "title four", "title five", "title six" };
  30. private static final String[] describes = new String[] { "describe one",
  31. "describe two", "describe three", "describe four", "describe five",
  32. "describe six" };
  33. private static final int[] images = new int[] { R.drawable.first,
  34. R.drawable.second, R.drawable.three, R.drawable.four,
  35. R.drawable.five, R.drawable.six };
  36. private void initItems() {
  37. // 初始化6個ListItem項
  38. ListItem item = null;
  39. for (int i = 0; i < 6; i++) {
  40. item = new ListItem();
  41. item.title = titles[i];
  42. item.describe = describes[i];
  43. item.itemImages = images;
  44. item.initAdapter(this);
  45. items.add(item);
  46. }
  47. }
  48. public class CustomSimpleAdapter extends BaseAdapter {
  49. private List<ListItem> items;
  50. private LayoutInflater layoutInflater;
  51. public CustomSimpleAdapter(Context context, List<ListItem> items) {
  52. // TODO Auto-generated constructor stub
  53. this.items = items;
  54. layoutInflater = (LayoutInflater) ((Activity) context)
  55. .getSystemService(LAYOUT_INFLATER_SERVICE);
  56. }
  57. @Override
  58. public int getCount() {
  59. return items.size();
  60. }
  61. @Override
  62. public Object getItem(int position) {
  63. return position;
  64. }
  65. @Override
  66. public long getItemId(int position) {
  67. return position;
  68. }
  69. @Override
  70. public View getView(int position, View convertView, ViewGroup parent) {
  71. //if (null == convertView) {
  72. convertView = layoutInflater.inflate(R.layout.items, null);
  73. ListItem item = this.items.get(position);
  74. TextView title = (TextView) convertView
  75. .findViewById(R.id.item_title);
  76. title.setText(item.title);
  77. TextView describe = (TextView) convertView
  78. .findViewById(R.id.item_describe);
  79. describe.setText(item.describe);
  80. Gallery gallery = (Gallery) convertView
  81. .findViewById(R.id.item_gallery);
  82. gallery.setAdapter(item.adapter);
  83. gallery.setSelection(Integer.MAX_VALUE / 2);
  84. convertView.setTag(convertView);
  85. /*} else {
  86. convertView = (View) convertView.getTag();
  87. Log.i("test", "go here convertView");
  88. }*/
  89. return convertView;
  90. }
  91. }
  92. }

源碼下載鏈接

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

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

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

Copyright © Linux教程網 All Rights Reserved