一.Gallery的简介.doc

一.Gallery的简介 Gallery（画廊）是一个锁定中心条目并且拥有水平滚动列表的视图，一般用来浏览图片，并且可以响应事件显示信息。Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图片的效果。Gallery常用的XML属性属性名称描述android:animationDuration设置布局变化时动画的转换所需的时间（毫秒级）。仅在动画开始时计时。该值必须是整数，比如：100。android:gravity指定在对象的X和Y轴上如何放置内容。指定一下常量中的一个或多个（使用 “|”分割）ConstantValueDescriptiontop0x30紧靠容器顶端，不改变其大小bottom0x50紧靠容器底部，不改变其大小left0x03紧靠容器左侧，不改变其大小right0x05紧靠容器右侧，不改变其大小center_vertical0x10垂直居中，不改变其大小fill_vertical0x70垂直方向上拉伸至充满容器center_horizontal0x01水平居中，不改变其大小Fill_horizontal0x07水平方向上拉伸使其充满容器center0x11居中对齐，不改变其大小fill0x77在水平和垂直方向上拉伸，使其充满容器clip_vertical0x80垂直剪切（当对象边缘超出容器的时候，将上下边缘超出的部分剪切掉）clip_horizontal0x08水平剪切（当对象边缘超出容器的时候，将左右边缘超出的部分剪切掉）android:spacing图片之间的间距android:unselectedAlpha设置未选中的条目的透明度(Alpha)。该值必须是float类型，比如：“1.2”。首先介绍Gallery单独使用的例子：MainActivity.java1. packagecom.android.gallerydemo; 2. 3. importandroid.app.Activity; 4. importandroid.content.Context; 5. importandroid.os.Bundle; 6. importandroid.view.View; 7. importandroid.view.ViewGroup; 8. importandroid.widget.AdapterView; 9. importandroid.widget.AdapterView.OnItemClickListener; 10. importandroid.widget.BaseAdapter; 11. importandroid.widget.Gallery; 12. importandroid.widget.ImageView; 13. importandroid.widget.Toast; 14. 15. publicclassMainActivityextendsActivity 16. 17. privateGallerygallery; 18. Override19. publicvoidonCreate(BundlesavedInstanceState) 20. 21. super.onCreate(savedInstanceState); 22. setContentView(R.layout.main); 23. gallery=(Gallery)findViewById(R.id.gallery); 24. /设置图片适配器 25. gallery.setAdapter(newImageAdapter(this); 26. /设置监听器 27. gallery.setOnItemClickListener(newOnItemClickListener() 28. OverridepublicvoidonItemClick(AdapterView parent,Viewv,intposition,longid) 29. Toast.makeText(MainActivity.this,点击了第+(position+1)+张图片,Toast.LENGTH_LONG).show(); 30. 31. ); 32. 33. 34. 35. classImageAdapterextendsBaseAdapter 36. /声明Context 37. privateContextcontext; 38. /图片源数组 39. privateIntegerimageInteger= 40. R.drawable.pic1, 41. R.drawable.pic2, 42. R.drawable.pic3, 43. R.drawable.pic4, 44. R.drawable.pic5, 45. R.drawable.pic6, 46. R.drawable.pic7 47. ; 48. 49. /声明ImageAdapter 50. publicImageAdapter(Contextc) 51. context=c; 52. 53. 54. Override55. /获取图片的个数 56. publicintgetCount() 57. returnimageInteger.length; 58. 59. 60. Override61. /获取图片在库中的位置 62. publicObjectgetItem(intposition) 63. 64. returnposition; 65. 66. 67. Override68. /获取图片在库中的位置 69. publiclonggetItemId(intposition) 70. /TODOAuto-generatedmethodstub 71. returnposition; 72. 73. 74. Override75. publicViewgetView(intposition,ViewconvertView,ViewGroupparent) 76. 77. ImageViewimageView=newImageView(context); 78. /给ImageView设置资源 79. imageView.setImageResource(imageIntegerposition); 80. /设置比例类型 81. imageView.setScaleType(ImageView.ScaleType.FIT_XY); 82. /设置布局图片128x192显示 83. imageView.setLayoutParams(newGallery.LayoutParams(128,192); 84. returnimageView; 85. 86. 87. 88. main.xml1. 2. 9. 效果图：Gallery和ImageSwitcher组件结合使用的例子：MainActivity.java1. packagecom.android.gallerytest; 2. 3. importandroid.app.Activity; 4. importandroid.content.Context; 5. importandroid.os.Bundle; 6. importandroid.view.View; 7. importandroid.view.ViewGroup; 8. importandroid.view.Window; 9. importandroid.view.animation.AnimationUtils; 10. importandroid.widget.AdapterView; 11. importandroid.widget.BaseAdapter; 12. importandroid.widget.Gallery; 13. importandroid.widget.ImageSwitcher; 14. importandroid.widget.ImageView; 15. importandroid.widget.AdapterView.OnItemSelectedListener; 16. importandroid.widget.Gallery.LayoutParams; 17. importandroid.widget.ViewSwitcher.ViewFactory; 18. 19. publicclassMainActivityextendsActivityimplementsOnItemSelectedListener, 20. ViewFactory 21. 22. privateImageSwitchermSwitcher; 23. /大图片对应的缩略图源数组 24. privateIntegermThumbIds=R.drawable.sample_thumb_0, 25. R.drawable.sample_thumb_1,R.drawable.sample_thumb_2, 26. R.drawable.sample_thumb_3,R.drawable.sample_thumb_4, 27. R.drawable.sample_thumb_5,R.drawable.sample_thumb_6, 28. R.drawable.sample_thumb_7; 29. /大图片源数组 30. privateIntegermImageIds=R.drawable.sample_0,R.drawable.sample_1, 31. R.drawable.sample_2,R.drawable.sample_3,R.drawable.sample_4, 32. R.drawable.sample_5,R.drawable.sample_6,R.drawable.sample_7; 33. 34. Override35. publicvoidonCreate(BundlesavedInstanceState) 36. super.onCreate(savedInstanceState); 37. /设置窗口无标题 38. requestWindowFeature(Window.FEATURE_NO_TITLE); 39. setContentView(R.layout.main); 40. mSwitcher=(ImageSwitcher)findViewById(R.id.switcher); 41. /注意在使用一个ImageSwitcher之前， 42. /一定要调用setFactory方法，要不setImageResource这个方法会报空指针异常。 43. mSwitcher.setFactory(this); 44. /设置动画效果 45. mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, 46. android.R.anim.fade_in); 47. mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, 48. android.R.anim.fade_out); 49. 50. Galleryg=(Gallery)findViewById(R.id.gallery); 51. 52. /添加OnItemSelectedListener监听器 53. g.setAdapter(newImageAdapter(this); 54. g.setOnItemSelectedListener(this); 55. 56. 57. /创建内部类ImageAdapter 58. publicclassImageAdapterextendsBaseAdapter 59. publicImageAdapter(Contextc) 60. mContext=c; 61. 62. publicintgetCount() 63. returnmThumbIds.length; 64. 65. publicObjectgetItem(intposition) 66. returnposition; 67. 68. publiclonggetItemId(intposition) 69. returnposition; 70. 71. publicViewgetView(intposition,ViewconvertView,ViewGroupparent) 72. ImageViewi=newImageView(mContext); 73. 74. i.setImageResource(mThumbIdsposition); 75. /设置边界对齐 76. i.setAdjustViewBounds(true); 77. /设置布局参数 78. i.setLayoutParams(newGallery.LayoutParams( 79. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT); 80. /设置背景资源 81. i.setBackgroundResource(R.drawable.picture_frame); 82. returni; 83. 84. privateContextmContext; 85. 86. 87. Override88. /实现onItemSelected()方法，更换图片 89. publicvoidonItemSelected(AdapterViewadapter,Viewv,intposition, 90. longid) 91. /设置图片资源 92. mSwitcher.setImageResource(mImageIdsposition); 93. 94. 95. Override96. publicvoidonNothingSelected(AdapterViewarg0) 97. 98. 99. 100. Override101. /实现makeView()方法，为ImageView设置布局格式 102. publicViewmakeView() 103. ImageViewi=newImageView(this); 104. /设置背景颜色 105. i.setBackgroundColor(0xFF000000); 106. /设置比例类型 107. i.setScaleType(ImageView.ScaleType.FIT_CENTER); 108. /设置布局参数 109. i.setLayoutParams(newImageSwitcher.LayoutParams( 110. LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT); 111. returni; 112. 113. main.xml1. 2. 6. 13. 23. 24. 效果图:二.GridView的简介 GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。主要用于设置Adapter。GridView常用的XML属性：属性名称描述android:columnWidth设置列的宽度。android:gravity设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical可以多选，用“|”分开。android:horizontalSpacing两列之间的间距。android:numColumns设置列数。android:stretchMode缩放模式。android:verticalSpacing两行之间的间距。下面有三个例子，第一个是只显示图片的，第二个是显示图片文字的(这里的图片是Android系统自带的图片)，第三个是显示自定义的图片文字。前面两个例子的实现都不是很难，第三个例子的实现有些复杂，学习GridView的时候，就想着能不能自定义自己喜欢的图片加上文字，在网上找些资料，一般都是第二个例子的形式的，最后在视频学习上找到了能实现自定义自己的图片的例子。自己就照着例子去学习，修改成了第三个例子。第一个例子：MainActivity.java1. package com.android.gridview.activity; 2. 3. import android.app.Activity; 4. import android.content.Context; 5. import android.os.Bundle; 6. import android.view.View; 7. import android.view.ViewGroup; 8. import android.widget.AdapterView; 9. import android.widget.AdapterView.OnItemClickListener; 10. import android.widget.BaseAdapter; 11. import android.widget.GridView; 12. import android.widget.ImageView; 13. import android.widget.Toast; 14. 15. public class MainActivity extends Activity 16. Override 17. public void onCreate(Bundle savedInstanceState) 18. super.onCreate(savedInstanceState); 19. setContentView(R.layout.main); 20. GridView gv = (GridView)findViewById(R.id.GridView1); 21. /为GridView设置适配器 22. gv.setAdapter(new MyAdapter(this); 23. /注册监听事件 24. gv.setOnItemClickListener(new OnItemClickListener() 25. 26. public void onItemClick(AdapterView parent, View v, int position, long id) 27. 28. Toast.makeText(MainActivity.this, pic + position, Toast.LENGTH_SHORT).show(); 29. 30. ); 31. 32. 33. /自定义适配器 34. class MyAdapter extends BaseAdapter 35. /上下文对象 36. private Context context; 37. /图片数组 38. private Integer imgs = 39. R.drawable.pic0, R.drawable.pic1, R.drawable.pic2, 40. R.drawable.pic3, R.drawable.pic4, R.drawable.pic5, 41. R.drawable.pic6, R.drawable.pic7, R.drawable.pic8, 42. R.drawable.pic0, R.drawable.pic1, R.drawable.pic2, 43. R.drawable.pic3, R.drawable.pic4, R.drawable.pic5, 44. R.drawable.pic6, R.drawable.pic7, R.drawable.pic8, 45. ; 46. MyAdapter(Context context) 47. this.context = context; 48. 49. public int getCount() 50. return imgs.length; 51. 52. 53. public Object getItem(int item) 54. return item; 55. 56. 57. public long getItemId(int id) 58. return id; 59. 60. 61. /创建View方法 62. public View getView(int position, View convertView, ViewGroup parent) 63. ImageView imageView; 64. if (convertView = null) 65. imageView = new ImageView(context); 66. imageView.setLayoutParams(new GridView.LayoutParams(75, 75);/设置ImageView对象布局 67. imageView.setAdjustViewBounds(false);/设置边界对齐 68. imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);/设置刻度的类型 69. imageView.setPadding(8, 8, 8, 8);/设置间距 70. 71. else 72. imageView = (ImageView) convertView; 73. 74. imageView.setImageResource(imgsposition);/为ImageView设置图片资源 75. return imageView; 76. 77. 78. 79. 80. main.xml1. 2. 7. 18. 效果图：第二个例子：MainActivity.java1. package com.android.gridview2.activity; 2. 3. import java.util.ArrayList; 4. import java.util.HashMap; 5. import java.util.List; 6. import java.util.Map; 7. import android.app.Activity; 8. import android.os.Bundle; 9. import android.widget.GridView; 10. import android.widget.SimpleAdapter; 11. 12. public class MainActivity extends Activity 13. 14. private GridView gv; 15. Override 16. protected void onCreate(Bundle savedInstanceState) 17. / TODO Auto-generated method stub 18. super.onCreate(savedInstanceState); 19. setContentView(R.layout.gridview); 20. 21. /准备要添加的数据条目 22. ListMap items = new ArrayListMap(); 23. for (int i = 0; i 9; i+) 24. Map item = new HashMap(); 25. item.put(imageItem, R.drawable.icon);/添加图像资源的ID 26. item.put(textItem, icon + i);/按序号添加ItemText 27. items.add(item); 28. 29. 30. /实例化一个适配器 31. SimpleAdapter adapter = new SimpleAdapter(this, 32. items, 33. R.layout.grid_item, 34. new StringimageItem, textItem, 35. new intR.id.image_item, R.id.text_item); 36. 37. /获得GridView实例 38. gv = (GridView)findViewById(R.id.mygridview); 39. /为GridView设置适配器 40. gv.setAdapter(adapter); 41. 42. 43. gridview.xml1. 2. 6. 14. 15. grid_item.xml1. 2. 8. 14. 21. 22. 效果图：第三个例子：MainActivity.java1. package com.android.gridview3; 2. 3. import java.util.ArrayList; 4. import java.util.List; 5. import android.app.Activity; 6. import android.content.Context; 7. import android.os.Bundle; 8. import android.view.LayoutInflater; 9. import android.view.View; 10. import android.view.ViewGroup; 11. import android.widget.AdapterView; 12. import android.widget.BaseAdapter; 13. import android.widget.GridView; 14. import android.widget.ImageView; 15. import android.widget.TextView; 16. import android.widget.Toast; 17. import android.widget.AdapterView.OnIte