Android UI开发第七篇之Android Gallery

新建项目

②　定义layout外部resource的xml文件，用来改变layout的背景

 

1.  
2. <?xml version="1.0" encoding="utf-8"?>
3. <resources>
4.     <declare-styleable name="Gallery">
5.         <attr name="android:galleryItemBackground" />
6.     </declare-styleable>
7.     <!-- 定义layout 外部resource 的xml 文件，用来改变layout 的背景图。 -->
8. </resources>

复制代码

③　修改main.xml布局，添加一个Gallery和一个ImageView

1. <?xml version="1.0" encoding="utf-8"?>
2. <AbsoluteLayout
3.     android:id="@+id/widget_absolutelayout"
4.     android:layout_width="fill_parent"
5.     android:layout_height="fill_parent"
6.     xmlns:android="http://schemas.android.com/apk/res/android"
7. >
8. <Gallery
9.     android:layout_width="fill_parent"
10.     android:layout_height="143px"
11.     android:layout_x="0px"
12.     android:layout_y="51px"
13.     android:id="@+id/Gallery_preView">
14. </Gallery>
15. <ImageView
16.     android:layout_width="239px"
17.     android:layout_height="218px"
18.     android:layout_x="38px"
19.     android:layout_y="184px"
20.     android:id="@+id/ImageView_photo">
21. </ImageView>
22. </AbsoluteLayout>

复制代码

④　新建一个myImageAdapter类--Gallery的适配器，它继承于BaseAdapter类.

1. package zyf.Ex_Ctrl_10ME;
2. import android.view.View;
3. import android.view.ViewGroup;
4. import android.widget.BaseAdapter;
5. public class myImageAdapter extends BaseAdapter {
6. @Override
7. public int getCount() {
8. // TODO Auto-generated method stub
9. return 0;
10. }
11. @Override
12. public Object getItem(int position) {
13. // TODO Auto-generated method stub
14. return null;
15. }
16. @Override
17. public long getItemId(int position) {
18. // TODO Auto-generated method stub
19. return 0;
20. }
21. @Override
22. public View getView(int position, View convertView, ViewGroup parent) {
23. // TODO Auto-generated method stub
24. return null;
25. }
26. }

复制代码

⑤　修改mainActivity.java，添加Gallery相关操作

1. package zyf.Ex_Ctrl_10ME;
2.  
3. import android.app.Activity;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.widget.AdapterView;
7. import android.widget.Gallery;
8. import android.widget.ImageView;
9. import android.widget.Toast;
10.  
11. public class Ex_Ctrl_10ME extends Activity {
12.     /** Called when the activity is first created. */
13. /*定义要使用的对象*/
14. private Gallery gallery;
15. private ImageView imageview;
16. private myImageAdapter imageadapter;
17.     @Override
18.     public void onCreate(Bundle savedInstanceState) {
19.         super.onCreate(savedInstanceState);
20.         setContentView(R.layout.main);
21.         imageadapter=new myImageAdapter(this);
22.         /* 通过findViewById 取得 资源对象*/
23.         gallery=(Gallery)findViewById(R.id.Gallery_preView);
24.         imageview=(ImageView)findViewById(R.id.ImageView_photo);
25.         /*给Gallery设置适配器 把Ex_Ctrl_10ME类传入参数*/
26.         gallery.setAdapter(imageadapter);
27.         /*设置Gallery的点击事件监听器*/
28.         gallery.setOnItemClickListener(newGallery.OnItemClickListener(){
29. @Override
30. public void onItemClick(AdapterView<?> parent, View v, int position,
31. long id) {
32. // TODO Auto-generated method stub
33. /*显示该图片是几号*/
34. Toast.makeText(Ex_Ctrl_10ME.this,
35.                          "这是图片："+position+"号", Toast.LENGTH_SHORT).show();
36.  
37. /*设置大图片*/
38. imageview.setBackgroundResource(imageadapter.myImageIds[position]);
39. }
40.         });
41.     }
42. }

复制代码

⑥　 修改myImageAdapter.java文件，实现相簿浏览效果

1. package zyf.Ex_Ctrl_10ME;
2.  
3. import android.content.Context;
4. import android.content.res.TypedArray;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.BaseAdapter;
8. import android.widget.Gallery;
9. import android.widget.ImageView;
10.  
11. public class myImageAdapter extends BaseAdapter{//自定义的类变量
12. /*变量声明*/
13. int mGalleryItemBackground;
14. private Context context;//上下文
15. /* 构建一Integer array 并取得预加载Drawable 的图片id */
16. public Integer[] myImageIds = { R.drawable.photo1, R.drawable.photo2,
17. R.drawable.photo3, R.drawable.photo4, R.drawable.photo5,
18. R.drawable.photo6, };
19. /*自定义的构造方法*/
20. public myImageAdapter(Context context) {
21. // TODO Auto-generated constructor stub
22. this.context=context;
23. /*
24. * 使用在res/values/attrs.xml 中的<declare-styleable>定义 的Gallery 属性.
25. */
26. TypedArray typed_array=context.obtainStyledAttributes(R.styleable.Gallery);
27. /* 取得Gallery 属性的Index id */
28. mGalleryItemBackground=typed_array.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);
29. /* 让对象的styleable 属性能够反复使用 */
30. typed_array.recycle();
31. }
32. /* 重写的方法getCount,返回图片数目 */
33. @Override
34. public int getCount() {
35. // TODO Auto-generated method stub
36. return myImageIds.length;
37. }
38. /* 重写的方法getItemId,返回图像的数组id */
39. @Override
40. public Object getItem(int position) {
41. // TODO Auto-generated method stub
42. return position;
43. }
44. @Override
45. public long getItemId(int position) {
46. // TODO Auto-generated method stub
47. return position;
48. }
49. /* 重写的方法getView,返回一View 对象 */
50. @Override
51. public View getView(int position, View convertView, ViewGroup parent) {
52. // TODO Auto-generated method stub
53. /* 产生ImageView 对象 */
54. ImageView imageview = new ImageView(context);
55. /* 设置图片给imageView 对象 */
56. imageview.setImageResource(myImageIds[position]);
57. /* 重新设置图片的宽高 */
58. imageview.setScaleType(ImageView.ScaleType.FIT_XY);
59. /* 重新设置Layout 的宽高 */
60. imageview.setLayoutParams(new Gallery.LayoutParams(128, 128));
61. /* 设置Gallery 背景图 */
62. imageview.setBackgroundResource(mGalleryItemBackground);
63. /* 返回imageView 对象 */
64. return imageview;
65. }
66. }

复制代码

 

http://www.devdiv.com/home.php?mod=space&uid=14682&do=blog&id=3860 

     本文转自xyz_lmn51CTO博客，原文链接：http://blog.51cto.com/xyzlmn/817368，如需转载请自行联系原作者