首页 > 系统 > Android > 正文

Android ViewPager 分页滑动

2019-11-07 23:23:16
字体:
来源:转载
供稿:网友

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. 引入控件

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)); //第一个参数就是要加载的布局idlist.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数据源

//载入图片资源IDint[] 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的滑动效果
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表