Android ViewPager 分页滑动

ViewPager

android.support.v4.view.ViewPager
滑动界面
PagerTitleStrip&PagerTabStrip 配套的导航栏控件 http://blog.youkuaiyun.com/harvic880925/article/details/38521865

---

XML

<android.support.v4.view.ViewPager  
    android:id="@+id/viewPager"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" />

---

控件设置

1. 引入控件

ViewPager viewPager = (ViewPager)findViewById(R.id.viewPager);

---

2. 设置数据源

2.1. 布局数据源

//页面列表 可xml的界面，也可View控件(注释掉的)
LayoutInflater inflater = getLayoutInflater();         //LayoutInflater用来加载布局
ArrayList<View> list = new ArrayList<View>();
list.add(inflater.inflate(R.layout.item01, null));   //第一个参数就是要加载的布局id
list.add(inflater.inflate(R.layout.item02, null));
list.add(inflater.inflate(R.layout.item03, null));
list.add(inflater.inflate(R.layout.item04, null));
list.add(inflater.inflate(R.layout.item05, null));
list.add(inflater.inflate(R.layout.item06, null));

2.2 View数据源

//载入图片资源ID
int[] imgIdArray = new int[]{R.drawable.item01, R.drawable.item02, R.drawable.item03, R.drawable.item04, R.drawable.item05,R.drawable.item06, R.drawable.item07, R.drawable.item08};
//将图片装载到数组中
ImageView[] list = new ImageView[imgIdArray.length];
for(int i=0; i<list.length; i++){
    ImageView imageView = new ImageView(this);
    imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); //设置图片居中缩小显示
    list[i] = imageView;
    imageView.setBackgroundResource(imgIdArray[i]);
}

2.3 Fragment数据源

List<Fragment> mFragmentList = new ArrayList<Fragment>();
mFragmentList.add(new myfragment1());
mFragmentList.add(new myfragment2());
mFragmentList.add(new myfragment3());

---

3. 设置适配器

3.1/2

viewPager.setAdapter(new MyAdapter()); //适配器

3.3

FragmentAdapter mFragmentAdapter = new FragmentAdapter(getChildFragmentManager());
viewPager.setAdapter(mFragmentAdapter);

---

4. 设置监听

viewPager.setOnPageChangeListener(new OnPageChangeListener() { //改页事件监听
    @Override
    public void onPageSelected(int arg0) { //页面跳转完毕::arg0:当前页面的position
        Log.e("0000000", "你当前选择的是  " + arg0);
    }
    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {} //页面在滑动时::arg0:当前页面，及你点击滑动的页面, arg1:当前页面偏移的百分比, arg2:当前页面偏移的像素位置, 可以实现别的控件随界面滑动而变化
    @Override
    public void onPageScrollStateChanged(int arg0) {} //状态改变时::arg0{0:什么都没做/1:正在滑动/2:滑动完毕}(当页面开始滑动的时候变化顺序为120)
});

---

5. 适配器

5.1/2 适配器

public class MyAdapter extends PagerAdapter{
    @Override
    public int getCount() {return list.size();} //返回要滑动的VIew的个数 (Integer.MAX_VALUE:int最大值 可转动)
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}
    @Override  
    public int getItemPosition(Object object) {return super.getItemPosition(object);}
    @Override
    public Object instantiateItem(ViewGroup container, int position){ //将当前视图添加到container中,并返回当前View (除以图片数组长度取余数 )
        ((ViewPager) container).addView(list.get(position%list.size()),0);  
        return list.get(position%list.size());
    }
    @Override
    public void destroyItem(View container, int position, Object object){ //从当前container中删除指定位置（position）的View;
        ((ViewPager)container).removeView(list.get(position%list.size()));
    }
}

5.3 FragmentPagerAdapter版

class FragmentAdapter extends FragmentPagerAdapter {
    public FragmentAdapter(FragmentManager fm){super(fm);}
    @Override
    public Fragment getItem(int position) {return mFragmentList.get(position);}
    @Override
    public int getCount() {return mFragmentList.size();}
}

---

一些函数

viewPager.setCurrentItem(0); //跳转到第0个页面
//viewPager.setCurrentItem(i,false)   i::第i个页面, false::去除ViewPager的滑动效果