学习使用ViewPager

一.View与ViewGroup的概念

在Android APP中，所有的用户界面元素都是由View和ViewGroup的对象构成的。View是绘制在屏幕上的用户能与之交互的一个对象。而ViewGroup则是一个用于存放其他View（和ViewGroup）对象的布局容器！ Android为我们提供了一个View和ViewGroup子类的集合，集合中提供了一些常用的输入控件(比如按钮和文本域)和各种各样的布局模式（比如线性或相对布局）
每个ViewGroup都是要给看不见的用于组织子View的容器，而它的子View可能是输入控件 或者在UI上绘制了某块区域的小部件。
View：所有可视化控件的父类,提供组件描绘和时间处理方法。
ViewGroup： View类的子类，可以拥有子控件,可以看作是容器 Android UI中的控件都是按照这种层次树的结构堆叠得。

二.ViewPager

1.ViewPager的简介

ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个View，然后我们可以左 右滑动，从而切换不同的View，我们可以通过setPageTransformer()方法为我们的ViewPager 设置切换时的动画效果，当然，动画我们还没学到，所以我们把为ViewPager设置动画 放到下一章绘图与动画来讲解！和前面学的ListView，GridView一样，我们也需要一个Adapter (适配器)将我们的View和ViewPager进行绑定，而ViewPager则有一个特定的Adapter—— PagerAdapter！

2.ViewPager的使用步骤

ViewPager 的基本用法可以分为以下步骤：

1.在 layout 文件中定义一个 ViewPager 组件；
2.在 Activity（或Fragment等）中取得 ViewPager 的引用；
3.为 ViewPager 设置适配器；
4.为 ViewPager 设置滑动特效；
5.为 ViewPager 设置监听器。
其中最后两步是可选的，但如果没有最后两步，那我们的 ViewPager 就仅仅是一个普普通通的 ViewPager 了。

三.基本使用

1.xml(布局)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

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

2.pager布局(创建多个view布局)

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="one view"
    android:textSize="30dp" />
</RelativeLayout>

3.修改MainAcitivity函数

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import com.demo.viewpagerdemo.adapter.MyPagerAdapter;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

//全局变量
private ViewPager mViewPager;
private int[] mLayoutIDs = {//每一个视图id数组
        R.layout.view_first,
        R.layout.view_second,
        R.layout.view_third
};
private List<View> views;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mViewPager = findViewById(R.id.id_viewpager);
    //初始化数据即视图
    views = new ArrayList<>();
    for (int index = 0; index < mLayoutIDs.length; index++) {
        //1.构造视图
        View view = getLayoutInflater().inflate(mLayoutIDs[index], null);
        views.add(view);
//            //2.也可以直接用图片视图
//            ImageView imageView = new ImageView(this);
//            imageView.setImageResource(R.mipmap.ic_launcher);
//            views.add(imageView);
    }
    //设置adapter
    mViewPager.setAdapter(new MyPagerAdapter(this, views));
    //将页面缓存不回收
    mViewPager.setOffscreenPageLimit(3);
     }
 }

4.自定义适配器

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

public class MyPagerAdapter extends PagerAdapter {

//全局变量
private Context context;
private List<View> views;

/**
 * 构造函数
 * 传入上下文和视图集合地址
 */
public MyPagerAdapter(Context context, List<View> views) {
    //当前定义的context和views指向传进来的
    this.context = context;
    this.views = views;
}

/**
 * 1.获取view的数量
 *
 * @return
 */
@Override
public int getCount() {
    return views.size();
}

/**
 * instantiateItem方法中返回的视图是否等于这个对象
 * 以便下次再利用
 */
@Override
public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
    return view == object;
}

/**
 * 实例化视图
 *
 * @param container
 * @param position
 * @return
 */
@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
    View child = views.get(position);//找到该位置的视图
    container.addView(child);//将视图加进去
    return child;//返回
}

/**
 * 释放视图
 * @param container 视图容器
 * @param position  位置
 * @param object    对象
 */
@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
    container.removeView(views.get(position));
   }

}

需要重写的函数

int getCount()  获取视图数量
boolean isViewFromObject(View view, Object object)  判断视图是否为当前对象，如果是即可以重新利用
void destroyItem(ViewGroup container, int position,Object object) 释放视图避免oom
Object instantiateItem(ViewGroup container, int position) 实例化视图

四.常见问题

1.无法显示view
解决：使用过程中漏了某些步骤，重新检查过程
2.在使用ViewPager+Fragment+gridview 的时候，gridview布局不显示
解决：gridView要做单独适配，gridview不显示，因为需要固定每个item的宽高。
3.viewpager禁止左右滑动
解决：使用自定义的PersonalViewpager，调用setCanScroll(false);即可
4.scrollview嵌套viewpager，viewpager不显示的问题
解决：给scrollview加上android:fillViewport="true"属性
5.Fragment中使用ViewPager时，ViewPager里的Fragment空白问题
解决：把主Fragment嵌套中的ViewPager的适配器里的第一个参数写成getChildFragmentManager()