摘自：安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页
作者：丶PURSUING
发布时间： 2021-04-20 15:37:54
网址：https://blog.csdn.net/weixin_44742824/article/details/115803077

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//为名为viewPage2的布局实例化一个对象ViewPager2 viewPager2 = findViewById(R.id.viewPage2);//实例化一个Adapter对象ViewPager2Adapter viewPager2Adapter = new ViewPager2Adapter();//设置名为viewPage2的布局的AdapterviewPager2.setAdapter(viewPager2Adapter);}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><androidx.viewpager2.widget.ViewPager2android:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/viewPage2"android:background="#ffff00"/></LinearLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

item_pager.xml

<?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"android:id="@+id/container"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/tvTitle"android:layout_centerInParent="true"android:textColor="#ff4532"android:textSize="40dp"android:text="hello"/></RelativeLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

item_pager.xml

/*为什么ViewPagerAdapter继承的会是RecyclerView.Adapter呢？因为点进类ViewPager2发现其实就是对RecyclerView的适配，有很多RecyclerView的影子*/
public class ViewPager2Adapter extends RecyclerView.Adapter <ViewPager2Adapter.ViewPagerViewHolder>{private List<String> titles = new ArrayList<>();private List<Integer> colors = new ArrayList<>();//构造方法：适配页面的数据（在viewPage初始化的时候就要初始化ArrayList）public ViewPager2Adapter(){titles.add("chen");titles.add("li");titles.add("chen");titles.add("mei");titles.add("wo");titles.add("shuai");colors.add(R.color.white);colors.add(R.color.teal_700);colors.add(R.color.teal_200);colors.add(R.color.purple_700);colors.add(R.color.purple_500);colors.add(R.color.purple_200);}@NonNull@Override//这个方法返回的是类 ViewPagerViewHolder 所对应的一个对象，必须是一个java代码//怎样创建一个view呢:解析xml。public ViewPagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {//解析xml        这个view来自哪里呢？用下面的解析器进行解析return new ViewPagerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_pager,parent,false));}@Override//绑定不同的页面数据，适配不同的内容，让item_pager.xml的数据动态变化   position可以标识itempublic void onBindViewHolder(@NonNull ViewPagerViewHolder holder, int position) {holder.mTv.setText(titles.get(position));//R.color.white传送的是资源id,所以要用setBackgroundResource，而不是setBackgroundColorholder.mContainer.setBackgroundResource(colors.get(position));}@Override//滚动的页面数量public int getItemCount() {//多出实际值程序闪退return 6;}//定义一个内部类去封装RecyclerView.ViewHolder返回的数据class ViewPagerViewHolder extends RecyclerView.ViewHolder{//这个ViewPagerViewHolder正是用于解析item_pager.xml的TextView mTv;RelativeLayout mContainer;//实现构造函数public ViewPagerViewHolder(@NonNull View itemView) {super(itemView);//解析id为container的item_pager.xml根布局：RelativeLayoutmContainer = itemView.findViewById(R.id.container);//解析item_pager.xml下的TextViewmTv = itemView.findViewById(R.id.tvTitle);}}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65