布局文件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <android.support.v4.view.ViewPager android:id ="@+id/view_pager_2" android:layout_width ="match_parent" android:layout_height ="0dp" android:layout_marginLeft ="50dp" android:layout_marginRight ="50dp" android:layout_weight ="1" /> <LinearLayout android:id ="@+id/view_dot_container" android:layout_width ="wrap_content" android:layout_height ="wrap_content" android:layout_gravity ="center" android:gravity ="center" android:orientation ="horizontal" />
其中 view_dot_container 是轮播图下显示第几页的指示点的容器
adapter 需要继承自 PagerAdapter
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 public class HelloAdapter extends PagerAdapter private Context mContext; private int [] imgs; private List<ImageView> mImageViews; public HelloAdapter (Context context, int [] imgs) mContext = context; this .imgs = imgs; mImageViews = new ArrayList<>(); for (int img : imgs) { ImageView view = new ImageView(context); ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); view.setLayoutParams(params); Glide.with(context).load(img).into(view); mImageViews.add(view); } } @Override public int getCount () return imgs.length; } @Override public void destroyItem (ViewGroup container, int position, Object object) container.removeView(mImageViews.get(position)); } @Override public Object instantiateItem (ViewGroup container, int position) container.addView(mImageViews.get(position)); return mImageViews.get(position); } @Override public boolean isViewFromObject (View view, Object object) return view == object; } }
在这里。我是传进来一组本地的 drawable 资源 ID，也可以传进来一个 View 的集合(如 List<ImageView> )。
PagerAdapter 的重点是 instantiateItem 和 isViewFromObject 方法。
instantiateItem 这个方法，return 一个对象，这个对象表明了 PagerAdapter 选择哪个对象放在当前的 ViewPager 中；
isViewFromObject 用来判断 instantiateItem(ViewGroup, int) 函数所返回来的 Key 与一个页面视图是否是代表的同一个视图(即它俩是否是对应的，对应的表示同一个View)
destroyItem 在重写该方法的时候主动从 ViewPager 中移除该 ContentView 。
初始化
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 private List<ImageView> mDotViews;private void initViewPager () int [] imgs = new int []{R.drawable.a, R.drawable.b, R.mipmap.c}; HelloAdapter helloAdapter = new HelloAdapter(this , imgs); ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager); viewPager.setAdapter(helloAdapter); viewPager.addOnPageChangeListener(this ); mDotViews = new ArrayList<>(); dotContainer = (LinearLayout) findViewById(R.id.view_dot_container); for (int img : imgs) { ImageView dotView = new ImageView(this ); dotView.setImageResource(R.drawable.bg_radius_4); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(30 , 30 ); params.setMargins(15 , 0 , 15 , 0 ); dotView.setLayoutParams(params); mDotViews.add(dotView); dotContainer.addView(dotView); } viewPager.setCurrentItem(0 ); mDotViews.get(0 ).setImageResource(R.drawable.check_dot); } @Override public void onPageScrolled (int position, float positionOffset, intpositionOffsetPixels) } @Override public void onPageSelected (int position) for (int i = 0 ; i < mDotViews.size(); i++) { tvTitle.setText(titles[position]); if (i == position) { mDotViews.get(i).setImageResource(R.drawable.check); } else { mDotViews.get(i).setImageResource(R.drawable.uncheck); } } } @Override public void onPageScrollStateChanged (int state) }
onPageSelected(int position)：这个方法有一个参数 position ，代表哪个页面被选中。当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法，position 就是当前滑动到的页面。如果直接 setCurrentItem 翻页，那 position 就和 setCurrentItem 的参数一致，这种情况在 onPageScrolled 执行方法前就会立即执行。
onPageScrolled(int position,float positionOffset, int positionOffsetPixels)：这个方法会在屏幕滚动过程中不断被调用。有三个参数，第一个position，这个参数要特别注意一下。当用手指滑动时，如果手指按在页面上不动，position和当前页面index是一致的；如果手指向左拖动（相应页面向右翻动），这时候position大部分时间和当前页面是一致的，只有翻页成功的情况下最后一次调用才会变为目标页面；如果手指向右拖动（相应页面向左翻动），这时候position大部分时间和目标页面是一致的，只有翻页不成功的情况下最后一次调用才会变为原页面。当直接设置setCurrentItem翻页时，如果是相邻的情况（比如现在是第二个页面，跳到第一或者第三个页面），如果页面向右翻动，大部分时间是和当前页面是一致的，只有最后才变成目标页面；如果向左翻动，position和目标页面是一致的。这和用手指拖动页面翻动是基本一致的。如果不是相邻的情况，比如我从第一个页面跳到第三个页面，position先是0，然后逐步变成1，然后逐步变成2；我从第三个页面跳到第一个页面，position先是1，然后逐步变成0，并没有出现为2的情况。positionOffset是当前页面滑动比例，如果页面向右翻动，这个值不断变大，最后在趋近1的情况后突变为0。如果页面向左翻动，这个值不断变小，最后变为0。positionOffsetPixels是当前页面滑动像素，变化情况和positionOffset一致。
onPageScrollStateChanged(int state)：这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。当用手指滑动翻页时，手指按下去的时候会触发这个方法，state值为1，手指抬起时，如果发生了滑动（即使很小），这个值会变为2，然后最后变为0 。总共执行这个方法三次。一种特殊情况是手指按下去以后一点滑动也没有发生，这个时候只会调用这个方法两次，state值分别是1,0 。
