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

 

 

/**
* @author 张兴业
* 邮箱：xy-zhang@163.com
* qq:363302850
*
*/