29.fragment viewPager滑动效果展示

懒加载知识点：

我们经常在使用fragment时，常常会结合着viewpager使用，那么我们就会遇到一个问题，就是初始化fragment的时候，会连同我们写的网络请求一起执行，这样会非常消耗性能，最理想的方式是，只有用户点开或滑动到当前fragment时，才进行请求网络的操作。因此，我们就产生了一个懒加载这样一个说法。

一、压缩包

ViewPagerAndFragment.zip

二、Viewpager的使用流程

1.定义ViewPager

2.为ViewPager构建Adapter

3.实现适配器内的方法

三、ViewPager2的基本应用（viewpager2是由自定义的viewgroup实现的，recyclerview的分装）

1.微信界面：减少用户的操作

2.使用viewpager1和viewpager2的区别是什么？

答：viewpager2是由自定义的viewgroup实现的，viewpager2是recyclerview的分装

3.使用viewpager2的优点是什么？

答：viewpager2自带的功能是懒加载，懒加载的功能就是第一次使用到这个属性时才给这个属性对应的成员变量进行初始化，如果程序还没运行到这个地方就不进行相应的创建和初始化，这样就可以节省资源，提高性能。

4.实现viewpager2的具体步骤

（1）添加viewpager2的依赖包

（2）添加viewpager布局

（3）绑定布局，创建适配器对象，调用该适配器

（4）创建布局，作为容器

（5）实现适配器内的方法（注：背景颜色使用的属性为setBackgroundResource）

四、整体代码

1.viewpager依赖包

implementation 'androidx.viewpager2:viewpager2:1.0.0'

2.布局activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/vp_item"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary">
    </androidx.viewpager2.widget.ViewPager2>
</LinearLayout>

3.布局item_pager.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/rl_item"
    android:gravity="center">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv_title"
        android:textColor="#F44336"
        android:text="hello"
        android:textSize="30dp"/>
</RelativeLayout>

4.MainActivity文件代码

package com.example.viewpagerandfragment;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ViewPager2 viewpager = findViewById(R.id.vp_item);
        ViewPagerAdapter viewPagerAdapter=new ViewPagerAdapter();
        viewpager.setAdapter(viewPagerAdapter);
    }
}

5.ViewPagerAdapter文件代码

package com.example.viewpagerandfragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
import java.util.List;
public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerHolder>{
    private List<String> list=new ArrayList<>();
    View inflate;
    public ViewPagerAdapter(){
        list.add("hello");
        list.add("I");
        list.add("like");
        list.add("you");
    }
    @NonNull
    @Override
    public ViewPagerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        inflate = LayoutInflater.from
                          (parent.getContext()).inflate(R.layout.item_pager, parent, false);
        ViewPagerHolder viewPagerHolder = new ViewPagerHolder(inflate);
        return viewPagerHolder;
    }
    @Override
    public void onBindViewHolder(@NonNull ViewPagerHolder holder, int position) {
        holder.tv_title.setText(list.get(position));
    }
    @Override
    public int getItemCount() {
        return 4;
    }
    class ViewPagerHolder extends RecyclerView.ViewHolder{
        RelativeLayout rl_item;
        TextView tv_title;
        public ViewPagerHolder(@NonNull View itemView) {
            super(itemView);
             rl_item = itemView.findViewById(R.id.rl_item);
             tv_title = itemView.findViewById(R.id.tv_title);
        }
    }
}

6.效果图：

（1）第一个页面

（2）滑动到第四个页面