ViewPager的介绍和使用
ViewPager简介和用处
Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的一个UI控件，位于v4包中。低版本使用需要导入v4包，但是现在我们开发的APP一般不再兼容3.0及以下的系统版本，另外现在大多数使用Android studio进行开发，默认导入v7包，v7包含了v4，所以不用导包，越来越方便了。
Viewpager使用起来就是我们通过创建adapter给它填充多个view，左右滑动时，切换不同的view。Google官方是建议我们使用Fragment来填充ViewPager的，这样 可以更加方便的生成每个Page，以及管理每个Page的生命周期。
ViewPager 直接继承了 ViewGroup，所有它是一个容器类，可以在其中添加其他的 view 类。
ViewPager 需要一个 PagerAdapter 适配器类给它提供数据。
ViewPager 经常和 Fragment 一起使用，并且提供了专门的 FragmentPagerAdapter 和 FragmentStatePagerAdapter 类供 Fragment 中的 ViewPager 使用。
viewPager的用法
ViewPager是什么呢？其实它就是个ViewGroup，用法跟ListView类似，
1.引入到xml
2 .然后在layout文件文件夹中,创建一个viewPager的布局文件
3,就像使用listview一样,现在该创建适配器了
创建适配器,只要继承了PagerAdapter即可
重点在于实现这样一个Adapter：
public class MyPageAdapter extends PagerAdapter {
private Context context;
private List list;
public MyPageAdapter(Context context, List list) {
this.context = context;
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
return view == object;
}
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
View view = View.inflate(context, R.layout.item, null);
TextView textView = view.findViewById(R.id.tv);
ImageView img = view.findViewById(R.id.img);
textView.setText(list.get(position).getText());
img.setImageResource(Integer.parseInt(list.get(position).getImg()));
container.addView(view);
return view;
}
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
// super.destroyItem(container, position, object);
container.removeView((View) object);
}
}
getCount( ):获得viewpager中有多少个view
destroyItem( ):移除一个给定位置的页面。适配器有责任从容器中删除这个视图。这是为了确保 在finishUpdate(viewGroup)返回时视图能够被移除。
instantiateItem( ):①将给定位置的view添加到ViewGroup(容器)中,创建并显示出来 ②返回一个代表新增页面的Object(key),通常都是直接返回view本身就可以了, 当然你也可以自定义自己的key,但是key和每个view要一一对应的关系
5 在activity中初始化viewPager和adapter
list = new ArrayList<>();
for (int i = 0; i < 5; i++) {
list.add(new Welcome("我是数据" + i, String.valueOf(R.mipmap.ic_launcher)));
}
vp.setAdapter(myPageAdapter);
viewPage的翻页动画
ViewPager有个方法叫做：
setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer) 用于设置ViewPager切换时的动画效果，并且google官方还给出了两个示例（因为使用的是属性动画，所以不兼容3.0以下）。
第一个参数是boolean 代表正序还是反序,第二个是自定义翻页效果.
自定义翻页效果代码
自定义一个类实现 ViewPager.PageTransformer 即可
代码内容,目前不要求理解,复制过来直接会用即可.
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
view.setAlpha(1);
view.setTranslationX(0);
view.setScaleX(1);
view.setScaleY(1);
} else if (position <= 1) { // (0,1]
// Fade the page out.
view.setAlpha(1 - position);
// Counteract the default slide transition
view.setTranslationX(pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE
+ (1 - MIN_SCALE) * (1 - Math.abs(position));
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
调用：
//直接设置即可
vpId.setPageTransformer(false,new DepthPageTransformer());
自动翻页
public class ViewPagerActivity extends AppCompatActivity {
private ViewPager vpId;
private CountDownTimer timer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//去掉自带的bar
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_veiw_pager);
//找到vp
vpId = findViewById(R.id.vp_id);
//初始化数据
final List list = new ArrayList<>();
for (int i = 0; i < 4; i++) {
list.add("第"+i+"个View");
}
//设置adapter
vpId.setPageTransformer(false,new DepthPageTransformer());
vpId.setAdapter(new ViewPagerAdapter(this,list));
//安卓自带的定时器方法
timer = new CountDownTimer(100000, 2000) {
int index = 0;
@Override
public void onTick(long millisUntilFinished) {
//设置当前viewpager显示那个页面
vpId.setCurrentItem(index);
++index;
if (index == list.size()){
index = 0;
}
}
@Override
public void onFinish() {
}
};
timer.start();
}
@Override
protected void onDestroy() {
super.onDestroy();
//防止内存溢出
timer.cancel();
}
}
翻页监听 设置方法 addOnPageChangeListener()
翻页监听接口 ViewPager.OnPageChangeListener
重写方法 1 ,onPageScrolled(int position, float positionOffset, int
positionOffsetPixels) 页面滑动状态停止前一直调用 position：当前点击滑动页面的位置
positionOffset：当前页面偏移的百分比 positionOffsetPixels：当前页面偏移的像素位置2, onPageSelected(int position) 滑动后显示的页面和滑动前不同，调用 position：选中显示页面的位置
3 ,onPageScrollStateChanged(int state) 页面状态改变时调用 state：当前页面的状态
SCROLL_STATE_IDLE：空闲状态 SCROLL_STATE_DRAGGING：滑动状态
SCROLL_STATE_SETTLING：滑动后滑翔的状态
4. 使用
//直接设置即可
vpId.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
Log.e("vp","滑动中=====position:"+ position + " positionOffset:"+ positionOffset + " positionOffsetPixels:"+positionOffsetPixels);
}
@Override
public void onPageSelected(int position) {
Log.e("vp","显示页改变=====postion:"+ position);
}
@Override
public void onPageScrollStateChanged(int state) {
switch (state) {
case ViewPager.SCROLL_STATE_IDLE:
Log.e("vp","状态改变=====SCROLL_STATE_IDLE====静止状态");
break;
case ViewPager.SCROLL_STATE_DRAGGING:
Log.e("vp","状态改变=====SCROLL_STATE_DRAGGING==滑动状态");
break;
case ViewPager.SCROLL_STATE_SETTLING:
Log.e("vp","状态改变=====SCROLL_STATE_SETTLING==滑翔状态");
break;
}
}
});
ViewPager与Fragment结合使用
与Fragment结合使用其实也一样，只是用Fragment代替原先的View，填充ViewPager；然后就是Adapter不一样，配合Fragment使用的有两个Adapter：FragmentPagerAdapter和FragmentStatePagerAdapter。
相同点：
FragmentPagerAdapter和FragmentStatePagerAdapter都继承自PagerAdapter
不同点：
卸载不再需fragment时，各自采用的处理方法有所不同
ViewPager两个Adapter方法的区别
在destroyItem()方法中，FragmentStatePagerAdapter调用的是remove()方法，适用于页面较多的情况；FragmentPagerAdapter调用的是detach()方法，适用于页面较少的情况。但是有页面数据需要刷新的情况，不管是页面少还是多，还是要用FragmentStatePagerAdapter，否则页面会因为没有重建得不到刷新
创建Fragment及相应的xml布局
public class PagerFragment extends Fragment {
String mContent;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mContent = (String) getArguments().get("content");
View view = inflater.inflate(R.layout.fragment_pager, container, false) ;
TextView textView = (TextView) view.findViewById(R.id.tv);
textView.setText(mContent);
return view;
}
}
xml文件
给Viewpager设置数据和适配器
final List list = new ArrayList<>();
for (int i = 0; i < 5; i++) {
PagerFragment fragment = new PagerFragment();
Bundle bundle = new Bundle();
bundle.putString("content","第"+i+"个Fragment");
fragment.setArguments(bundle);
list.add(fragment);
}
ViewPager vp = (ViewPager) findViewById(R.id.vp);
// vp.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
// @Override
// public Fragment getItem(int position) {
// return list.get(position);
// }
//
// @Override
// public int getCount() {
// return list.size();
// }
// });
vp.setAdapter(new FragmentStatePagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int position) {
return list.get(position);
}
@Override
public int getCount() {
return list.size();
}
});
FragmentStatePagerAdapter
fragment的生命周期会执行
onDestoryView
onDestory
onCreate
onCreateView
fragment会被销毁
适用用 图片预览等多个fragment的情况
FragmentPagerAdapter
onDestoryView
onCreateView
fragment不会被销毁
适用于引导页等少个fragment的情况