レビュー
1. フラグメントの生成
Fragment は小さな Activity と見なすことができますが、なぜ Fragment が生成されるのか知っていますか?
フラグメント、中国語訳はフラグメントです。フラグメントは、アクティブなアクティビティのさまざまな画面サイズのレイアウト構成を変更します (小さな画面では一度に 1 つのフラグメントを表示できますが、大きな画面では 2 つ以上を表示できます)。
Fragment を使用することは、1 つのレイアウトを 2 つのデバイスに適合させることに相当します。
アクティビティにインターフェイスを簡潔に構成させる
シンプルで効率的、メンテナンスが簡単。
フラグメントとは
フラグメントは、サブアクティビティと同等のホストアクティビティに寄生する必要があります
**Activity は Fragment に情報を送信します
ネイティブ バンドル
2.タイトルバーを非表示にする方法
private void hideBar(){
ActionBar actionBar = getSupportActionBar();
if(actionBar!=null){
actionBar.hide();
}
}
ViewPager2
導入
左右のデータでページをめくることができます
ソースコードを分析する
ViewPager2 は ViewGroup から継承されていますが、実際にはRecyclerView のカプセル化です。
メソッドViewPager2に焦点を当てて、最初に基本的なソースコードを見てみましょう。initialize
private void initialize(Context context, AttributeSet attrs) {
// 初始化RecyclerView
mRecyclerView = new RecyclerViewImpl(context);
mRecyclerView.setId(ViewCompat.generateViewId());
// 初始化LayoutManager
mLayoutManager = new LinearLayoutManagerImpl(context);
mRecyclerView.setLayoutManager(mLayoutManager);
setOrientation(context, attrs);
mRecyclerView.setLayoutParams(
new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
mRecyclerView.addOnChildAttachStateChangeListener(enforceChildFillListener());
// 创建滑动事件转换器的对象
mScrollEventAdapter = new ScrollEventAdapter(mLayoutManager);
// 创建模拟拖动事件的对象
mFakeDragger = new FakeDrag(this, mScrollEventAdapter, mRecyclerView);
// 创建PagerSnapHelper对象，用来实现页面切换的基本效果
mPagerSnapHelper = new PagerSnapHelperImpl();
mPagerSnapHelper.attachToRecyclerView(mRecyclerView);
mRecyclerView.addOnScrollListener(mScrollEventAdapter);
// ······
}
初期化メソッドには、主に RecyclerView を初期化する基本構成と基本コンポーネントが含まれます。
1.RecyclerViewにスライド監視イベント(ScrollEventAdapter)を設定する
2. PagerSnapHelper を設定して、ページ切り替えの効果を実現します
特定のソース コード分析を表示できます: ViewPager2 原理分析 - ショート ブック (jianshu.com)
例 1: シンプルなカルーセルの作成
[外部リンクの画像転送に失敗しました。ソース サイトには盗難防止リンク メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-2QQTq0tt-1656562525156)(https://gitee.com/guan-xiongyao/ image/raw/master/img/20220416153008.png)]
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager2.widget.ViewPager2
android:layout_width="match_parent"
android:layout_height="200dp"
android:id="@+id/viewPager"
>
</androidx.viewpager2.widget.ViewPager2>
</LinearLayout>
MainActivity.java
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager2.widget.ViewPager2;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewPager2 viewPager = findViewById(R.id.viewPager);
ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter();
viewPager.setAdapter(viewPagerAdapter); // 给ViewPager配置适配器
}
}
新しい XML ファイルを作成します: item_pager という名前を付けます。
<?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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container">
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/ivImage"
android:layout_centerInParent="true"
android:scaleType="centerCrop"
/>
<!--
centerCrop 将图片等比例缩放，
让图像的短边与ImageView的边长度相同，
即不能留有空白，缩放后截取中间部分进行显示。
fitXY 是将原图进行横方向（即XY方向）的拉伸后绘制的,
会改变原始的比例
-->
</RelativeLayout>
新しい ViewPagerAdapter.java ファイルを作成します
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
import java.util.List;
public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerViewHolder> {
// 图片数组
private List<Integer> img = new ArrayList<>();
// 在适配器的构造函数中添加图片数组
public ViewPagerAdapter(){
img.add(R.drawable.gdufs);
img.add(R.drawable.gdufs2);
img.add(R.drawable.world); // 这里的图片可自行添加
}
// onCreatedViewHolder()方法作用是绑定item视图
@NonNull
@Override
public ViewPagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new ViewPagerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_pager,parent,false));
}
// 该方法的作用是将数据跟视图（ViewHolder）绑定
@Override
public void onBindViewHolder(@NonNull ViewPagerViewHolder holder, int position) {
holder.mIv.setImageResource(img.get(position));
}
// 返回Item的数量，即可以ViewPager可以滑动的页数
@Override
public int getItemCount() {
return img.size();
}
// 创建ViewHolder内部类，用来存储并绑定实例化的Item对象
class ViewPagerViewHolder extends RecyclerView.ViewHolder{
ImageView mIv;
RelativeLayout mContainer;
public ViewPagerViewHolder(@NonNull View itemView) {
super(itemView);
mContainer = itemView.findViewById(R.id.container);
mIv = itemView.findViewById(R.id.ivImage);
}
}
}
ViewPager2+Fragmentの併用
例 2: 上下のナビゲーション バー
[外部リンクの画像転送に失敗しました。ソース サイトには盗難防止リンク メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-qgtf4nd3-1656562525157)(https://gitee.com/guan-xiongyao/ image/raw/master/img/20220416171627.png)]
水平ビューページャー
xml ファイル:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="com.example.ViewPager2.activity.HorizontalScroll">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/vp_h"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
MainActivity.java
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.ViewPager2;
import android.os.Bundle;
import com.example.ViewPager2.adapter.HorizontalVpAdapter;
import com.example.viewpagers.R;
public class HorizontalScroll extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_horizontal_scroll);
ViewPager2 viewPager2 = findViewById(R.id.vp_h);
HorizontalVpAdapter adapter = new HorizontalVpAdapter(this);
viewPager2.setAdapter(adapter);
}
}
アダプタ ファイル: HorizontalVpAdapter.java
package com.example.ViewPager2.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import com.example.viewpagers.R;
import java.util.ArrayList;
import java.util.List;
public class HorizontalVpAdapter extends RecyclerView.Adapter<HorizontalVpAdapter.HorizontalVpViewHolder> {
private List<Integer> backgrounds;
private Context mContext;
// 适配器的构造方法，添加不同背景到数组里
public HorizontalVpAdapter(Context context){
mContext = context;
if(backgrounds == null){
backgrounds = new ArrayList<>();
backgrounds.add(R.color.blue);
backgrounds.add(R.color.white);
backgrounds.add(R.color.black);
backgrounds.add(R.color.teal_200);
backgrounds.add(R.color.teal_700);
backgrounds.add(R.color.purple_200);
}
}
// onCreatedViewHolder()方法作用是绑定item视图
@NonNull
@Override
public HorizontalVpViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new HorizontalVpViewHolder(LayoutInflater.from(mContext)
.inflate((R.layout.item), parent, false));
}
// 该方法的作用是将数据跟视图（ViewHolder）绑定
@Override
public void onBindViewHolder(@NonNull HorizontalVpViewHolder holder, int position) {
holder.mTextView.setText("第 " + (position + 1) + "界面");
holder.mLinearLayout.setBackgroundColor(backgrounds.get(position));
}
// 返回Item的数量，即可以ViewPager可以滑动的页数
@Override
public int getItemCount() {
if(backgrounds == null){
return 0;
}
return backgrounds.size();
}
// 创建ViewHolder内部类，用来存储并绑定实例化的Item对象
class HorizontalVpViewHolder extends RecyclerView.ViewHolder {
private LinearLayout mLinearLayout;
private TextView mTextView;
HorizontalVpViewHolder(@NonNull View itemView) {
super(itemView);
mLinearLayout = itemView.findViewById(R.id.item_ll_background);
mTextView = itemView.findViewById(R.id.item_tv_title);
}
}
}
item.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:id="@+id/item_ll_background">
<TextView
android:id="@+id/item_tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
Vertical ViewPager
垂直と水平は同じです。android:orientation="vertical" にあるだけでよく、他は同じです。
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/vp_v"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"/>
ボトム ナビゲーション バー - ViewPager 2 で使用される RadioGroup
Java ファイル NavigationBottom.java
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.ViewPager2;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import com.example.ViewPager2.adapter.RgAdapter;
import com.example.ViewPager2.fragment.HomeFragment;
import com.example.ViewPager2.fragment.MessageFragment;
import com.example.ViewPager2.fragment.MyFragment;
import com.example.viewpagers.R;
public class NavigationBottom extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {
private ViewPager2 vpRg;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_navigation_bottom);
RgAdapter adapter = new RgAdapter(this);
RadioGroup rg = findViewById(R.id.rg);
vpRg = findViewById(R.id.vp_rg);
rg.setOnCheckedChangeListener(this);
vpRg.setAdapter(adapter);
adapter.addFragment(new HomeFragment());
adapter.addFragment(new MessageFragment());
adapter.addFragment(new MyFragment());
vpRg.setCurrentItem(0);
// 这个方法可以可以监听到 ViewPager 2 的界面变化，进而去操作其他的控件。
vpRg.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageSelected(int position) {
super.onPageSelected(position);
switch (position){
case 0:
((RadioButton)findViewById(R.id.rb_home)).setChecked(true);
break;
case 1:
((RadioButton)findViewById(R.id.rb_msg)).setChecked(true);
break;
case 2:
((RadioButton)findViewById(R.id.rb_my)).setChecked(true);
break;
}
}
});
}
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId){
case R.id.rb_home:
vpRg.setCurrentItem(0);
break;
case R.id.rb_msg:
vpRg.setCurrentItem(1);
break;
case R.id.rb_my:
vpRg.setCurrentItem(2);
break;
}
}
}
アダプタファイル RgAdapter.java
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import java.util.ArrayList;
import java.util.List;
public class RgAdapter extends FragmentStateAdapter {
private List<Class> fragments;
public RgAdapter(@NonNull FragmentActivity fragmentActivity){
super(fragmentActivity);
if(fragments == null){
fragments = new ArrayList<>();
}
}
public void addFragment(Fragment fragment){
if(fragments != null){
fragments.add(fragment.getClass());
}
}
@NonNull
@Override
public Fragment createFragment(int position) {
try {
return (Fragment) fragments.get(position).newInstance();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InstantiationException e) {
e.printStackTrace();
}
return null;
}
@Override
public int getItemCount() {
return fragments.size();
}
}
新しいカラー フォルダーを作成します: select_rg.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/teal_200" android:state_checked="true"/>
<item android:color="@color/grey" android:state_checked="false" />
</selector>
<?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">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/vp_rg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/rg"/>
<View
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#d9d9d9"
android:layout_above="@id/rg"
/>
<RadioGroup
android:id="@+id/rg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
android:paddingTop="5dp"
>
<RadioButton
android:id="@+id/rb_home"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:button="@null"
android:checked="true"
android:drawableTop="@drawable/selector_home"
android:drawablePadding="5dp"
android:gravity="center"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:text="@string/home"
android:textColor="@color/select_rg"
android:textSize="16sp"
/>
<RadioButton
android:id="@+id/rb_msg"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/selector_msg"
android:drawablePadding="5dp"
android:gravity="center"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:text="@string/msg"
android:textColor="@color/select_rg"
android:textSize="16sp"/>
<RadioButton
android:id="@+id/rb_my"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/selector_my"
android:drawablePadding="5dp"
android:gravity="center"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:text="@string/my"
android:textColor="@color/select_rg"
android:textSize="16sp"/>
</RadioGroup>
</RelativeLayout>
トップ ナビゲーション バー - ViewPager 2 と組み合わせて使用される TabLayout
NavigationTop.java ファイル
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.ViewPager2;
import android.graphics.Color;
import android.os.Bundle;
import com.example.ViewPager2.adapter.TabAdapter;
import com.example.viewpagers.R;
import com.google.android.material.tabs.TabLayout;
public class NavigationTop extends AppCompatActivity {
private ViewPager2 vpTab;
private TabLayout tabVp;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_navigation_top);
TabAdapter adapter = new TabAdapter(this);
vpTab = findViewById(R.id.vp_tb);
tabVp = findViewById(R.id.tb_vp);
vpTab.setAdapter(adapter); // 这句很重要！！！
tabVp.setTabTextColors(Color.parseColor("#111111"),Color.parseColor("#0371DD"));
adapter.addColor(android.R.color.holo_blue_bright);
adapter.addColor(android.R.color.holo_red_dark);
adapter.addColor(android.R.color.holo_green_dark);
adapter.addColor(android.R.color.holo_blue_dark);
adapter.addColor(android.R.color.holo_purple);
adapter.addColor(android.R.color.holo_orange_dark);
tabVp.addTab(tabVp.newTab().setText("第一个界面"));
tabVp.addTab(tabVp.newTab().setText("第二个界面"));
tabVp.addTab(tabVp.newTab().setText("第三个界面"));
tabVp.addTab(tabVp.newTab().setText("第四个界面"));
tabVp.addTab(tabVp.newTab().setText("第五个界面"));
tabVp.addTab(tabVp.newTab().setText("第六个界面"));
tabVp.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
vpTab.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
vpTab.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
super.onPageScrolled(position, positionOffset, positionOffsetPixels);
}
@Override
public void onPageSelected(int position) {
super.onPageSelected(position);
tabVp.setScrollPosition(position, 0, false);
}
@Override
public void onPageScrollStateChanged(int state) {
super.onPageScrollStateChanged(state);
}
});
}
}
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"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.example.ViewPager2.activity.NavigationTop"
>
<com.google.android.material.tabs.TabLayout
android:id="@+id/tb_vp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="scrollable"
app:tabIndicatorFullWidth="false"
app:tabIndicatorColor="#0371DD"
app:tabRippleColor="@android:color/transparent"
app:tabSelectedTextColor="#0371DD"
app:tabTextColor="#111111"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
/>
<androidx.viewpager2.widget.ViewPager2
android:layout_below="@id/tb_vp"
android:id="@+id/vp_tb"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintTop_toBottomOf="@+id/tb_vp"
/>
</RelativeLayout>
添加子Fragment——ShowFragment.java
import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.TextView;
import com.example.viewpagers.R;
import java.util.ArrayList;
import java.util.List;
/**
* A simple {@link Fragment} subclass.
* Use the {@link ShowFragment#newInstance} factory method to
* create an instance of this fragment.
*/
public class ShowFragment extends Fragment {
public ShowFragment() {
// Required empty public constructor
}
/**
* Use this factory method to create a new instance of
* this fragment using the provided parameters.
*
* @return A new instance of fragment ShowFragment.
*/
// TODO: Rename and change types and number of parameters
public static ShowFragment newInstance(List<Integer> colors, int item) {
ShowFragment fragment = new ShowFragment();
Bundle args = new Bundle();
args.putSerializable("color",(ArrayList<Integer>)colors);
args.putInt("item",item);
fragment.setArguments(args);
return fragment;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_show, container, false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
view.<FrameLayout>findViewById(R.id.fl_show)
.setBackgroundResource(((ArrayList<Integer>) getArguments()
.getSerializable("color")).get(getArguments().getInt("item")));
view.<TextView>findViewById(R.id.tv_show)
.setText("第 " + (getArguments().getInt("item")+1) + "个页面");
super.onViewCreated(view, savedInstanceState);
}
}
fragment_show.xml
<FrameLayout 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"
android:id="@+id/fl_show"
tools:context="com.example.ViewPager2.fragment.ShowFragment">
<!-- TODO: Update blank fragment layout -->
<TextView
android:id="@+id/tv_show"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/hello_blank_fragment" />
</FrameLayout>
アダプタ ファイル: TabAdapter
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import com.example.ViewPager2.fragment.ShowFragment;
import java.util.ArrayList;
import java.util.List;
public class TabAdapter extends FragmentStateAdapter {
private List<Integer> colors;
public TabAdapter(@NonNull FragmentActivity fragmentActivity) {
super(fragmentActivity);
if(colors == null){
colors = new ArrayList<>();
}
}
public void addColor(int color){
if(colors != null){
colors.add(color);
}
}
@NonNull
@Override
public Fragment createFragment(int position) {
return ShowFragment.newInstance(colors,position);
}
@Override
public int getItemCount() {
return colors.size();
}
}
拡張: ViewPager2+Fragment+RecyclerView
参考ブログ：https://blog.csdn.net/xiangshiweiyu_hd/article/details/104005810
port androidx.viewpager2.adapter.FragmentStateAdapter;
com.example.ViewPager2.fragment.ShowFragment をインポートします。
import java.util.ArrayList;
java.util.List をインポートします。
public class TabAdapter extends FragmentStateAdapter {
private List<Integer> colors;
public TabAdapter(@NonNull FragmentActivity fragmentActivity) {
super(fragmentActivity);
if(colors == null){
colors = new ArrayList<>();
}
}
public void addColor(int color){
if(colors != null){
colors.add(color);
}
}
@NonNull
@Override
public Fragment createFragment(int position) {
return ShowFragment.newInstance(colors,position);
}
@Override
public int getItemCount() {
return colors.size();
}
}
## 拓展：ViewPager2+Fragment+RecyclerView
参考博客：https://blog.csdn.net/xiangshiweiyu_hd/article/details/104005810