Android开发学习之基于ViewPager实现Gallery画廊效果

通过我们前面的学习，我们知道ViewPager是可以做出近乎完美的滑动体验，回顾整个Android，我们发现Gallery具备同样的特点，于是我们大胆地猜想，Gallery是否和ViewPager之间有些关联呢？两者在功能上的类似和重叠，总会让我们对此充满好奇，我们开始思考：如果不借助Gallery，我们能否做出像Gallery一样的效果呢？答案是肯定的。那么，我们今天就来一起学习自己动手打造一个Gallery吧。

             首先讲述下原理，和前面一样，当我们继承PagerAdapter这个类时，一般会传入一个View类型的数组，这样在ViewPager绑定了这个适配器类时，就能将这个View数组里的View对象显示出来。在这里，View可以是一个布局，也可以是某个控件，甚至是任何继承自View的控件。所以，我们同样可以传入一个ImageView作为这个View对象啊。好，明白了原理，我们就来开始今天的学习吧！

            首先来看布局代码，ViewPager是必不可少的一个控件。

[html]  view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     android:background="#000000"  
7.     tools:context=".MainActivity" >  
8.     <android.support.v4.view.ViewPager   
9.         android:id="@+id/ViewPager"  
10.         android:layout_width="fill_parent"   
11.         android:layout_height="fill_parent"/>  
12. </LinearLayout>  

           

            接下来是那个百用不厌的ViewPagerAdapter类，继承自PagerAdapter：

[java]  view plain copy

1. package com.Android.ViewPager4Gallery;  
2.   
3. import java.util.ArrayList;  
4.   
5. import android.support.v4.view.PagerAdapter;  
6. import android.support.v4.view.ViewPager;  
7. import android.view.View;  
8.   
9. public class ViewPagerAdapter extends PagerAdapter {  
10.   
11.     private ArrayList<View> Views;//存放View的ArrayList  
12.       
13.     /* 
14.      * ViewAdapter构造函数 
15.      * @author：Robin 
16.      */  
17.     public ViewPagerAdapter(ArrayList<View> Views)  
18.     {  
19.         this.Views=Views;  
20.     }  
21.   
22.       
23.     /* 
24.      * 返回View的个数 
25.      */  
26.     @Override  
27.     public int getCount()   
28.     {  
29.         if(Views!=null)  
30.         {  
31.             return Views.size();  
32.         }  
33.         return 0;  
34.     }  
35.   
36.     /* 
37.      * 销毁View 
38.      */  
39.     @Override  
40.     public void destroyItem(View container, int position, Object object)   
41.     {  
42.         ((ViewPager)container).removeView(Views.get(position));  
43.     }  
44.   
45.     /* 
46.      * 初始化 
47.      */  
48.     @Override  
49.     public Object instantiateItem(View container, int position)   
50.     {  
51.         ((ViewPager)container).addView(Views.get(position),0);  
52.         return Views.get(position);  
53.   
54.     }  
55.       
56.     /* 
57.      * 判断View是否来自Object 
58.      */  
59.     @Override  
60.     public boolean isViewFromObject(View view, Object object)   
61.     {  
62.         return (view==object);  
63.     }  
64.   
65. }  

             然后就是核心的代码部分了，代码已经做好了注释，写得很明白，不再赘述了

[java]  view plain copy

1. package com.Android.ViewPager4Gallery;  
2.   
3. import java.util.ArrayList;  
4.   
5. import android.os.Bundle;  
6. import android.app.Activity;  
7. import android.support.v4.view.ViewPager;  
8. import android.support.v4.view.ViewPager.OnPageChangeListener;  
9. import android.view.Menu;  
10. import android.view.View;  
11. import android.view.Window;  
12. import android.widget.ImageView;  
13. import android.widget.Toast;  
14.   
15. public class MainActivity extends Activity implements OnPageChangeListener {  
16.   
17.     //图像资源  
18.     private int[] Resources=new int[]{R.drawable.image1,R.drawable.image2,R.drawable.image3,  
19.             R.drawable.image5,R.drawable.image5,R.drawable.image6,R.drawable.image7,R.drawable.image10,  
20.             R.drawable.image11,R.drawable.image13,R.drawable.image16,R.drawable.image17,R.drawable.image18,  
21.             R.drawable.image19,R.drawable.image21,R.drawable.image22,R.drawable.image23,R.drawable.image24,  
22.             R.drawable.image25,R.drawable.image27,R.drawable.image28,R.drawable.image29};  
23.     //适配器  
24.     private ViewPagerAdapter mAdapter;  
25.     //View数组  
26.     private ArrayList<View> Views;  
27.     //ViewPager  
28.     private ViewPager mViewPager;  
29.     @Override  
30.     protected void onCreate(Bundle savedInstanceState) {  
31.         super.onCreate(savedInstanceState);  
32.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
33.         setContentView(R.layout.activity_main);  
34.         //初始化Views  
35.         Views=new ArrayList<View>(Resources.length);  
36.         for(int i=0;i<Resources.length;i++)  
37.         {  
38.             ImageView image=new ImageView(this);  
39.             image.setImageResource(Resources[i]);  
40.             image.setScaleType(ImageView.ScaleType.FIT_XY);  
41.             image.setAdjustViewBounds(true);  
42.             Views.add(image);  
43.         }  
44.         //初始化ViewPager  
45.         mViewPager=(ViewPager)findViewById(R.id.ViewPager);  
46.         //初始化适配器  
47.         mAdapter=new ViewPagerAdapter(Views);  
48.         //绑定  
49.         mViewPager.setAdapter(mAdapter);  
50.         //事件注册  
51.         mViewPager.setOnPageChangeListener(this);  
52.     }  
53.   
54.     @Override  
55.     public boolean onCreateOptionsMenu(Menu menu) {  
56.         // Inflate the menu; this adds items to the action bar if it is present.  
57.         getMenuInflater().inflate(R.menu.main, menu);  
58.         return true;  
59.     }  
60.   
61.     @Override  
62.     public void onPageScrollStateChanged(int arg0)   
63.     {  
64.         
65.     }  
66.   
67.     @Override  
68.     public void onPageScrolled(int arg0, float arg1, int arg2)   
69.     {  
70.         //Toast.makeText(this, "你滚动了ViewPager", Toast.LENGTH_SHORT).show();  
71.     }  
72.   
73.     @Override  
74.     public void onPageSelected(int position)   
75.     {  
76.         Toast.makeText(this, "这是第"+position+"张图片", Toast.LENGTH_SHORT).show();  
77.     }  
78.   
79. }  

              最终运行效果如下：