Android ViewPager 分頁滑動

ViewPager

android.support.v4.view.ViewPager

滑動界面

PagerTitleStrip&PagerTabStrip 配套的導航欄控件 http://blog.csdn.net/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. 引入控件

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=; 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

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()),);  
        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(); //跳轉到第個頁面
//viewPager.setCurrentItem(i,false)   i::第i個頁面, false::去除ViewPager的滑動效果