Android では 1 つの画面に 4 つのページャーがあり、それぞれをスライドさせることができます。

各 Pager 内にスライド可能な ViewGroup (RecyclerView や ViewPager など) をネストし、コンテナ (ViewPager など) を使用して各 Pager を保持できます。このように、各 Pager 内の ViewGroup は個別にスライドでき、コンテナ全体 (ViewPager) もスライドして異なる Pager を切り替えることができます。

簡単なコード例を次に示します。

// 假设有四个 Pager，分别对应四个 RecyclerView
RecyclerView p1 = new RecyclerView(this);
RecyclerView p2 = new RecyclerView(this);
RecyclerView p3 = new RecyclerView(this);
RecyclerView p4 = new RecyclerView(this);

// 设置每个 RecyclerView 的布局和数据适配器

// 将每个 Pager 放入一个集合中便于管理
List<RecyclerView> pagerList = new ArrayList<>();
pagerList.add(p1);
pagerList.add(p2);
pagerList.add(p3);
pagerList.add(p4);

// 创建并配置 ViewPager
ViewPager viewPager = findViewById(R.id.view_pager);
viewPager.setAdapter(new PagerAdapter() {
    @Override
    public int getCount() {
        return pagerList.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        RecyclerView pager = pagerList.get(position);
        container.addView(pager);
        return pager;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        RecyclerView pager = pagerList.get(position);
        container.removeView(pager);
    }
});

このサンプルコードでは、4 つの RecyclerView を Pager として作成し、コレクションに入れます。次に、ViewPager コンテナを使用してこれら 4 つの Pager を保持し、PagerAdapter を使用して ViewPager と Pager を関連付けます。PagerAdapter の instantiateItem メソッドと destroyItem メソッドで、Pager を ViewPager コンテナに追加および削除します。

このようにして、1 画面上に 4 つのページがあり、それぞれがスライドできる効果が得られます。各 Pager 内にスライディングロジックを実装するだけで済みます。

では、ViewPager コンテナを使用してこれら 4 つの Pager を保持するにはどうすればよいでしょうか?

もちろん、デフォルトの ViewPager コンテナを使用して、これら 4 つの Pager を保持できます。このアプローチは、別の ViewPager コンテナーを使用する場合とあまり変わりませんが、追加の構成が必要です。

4 つのフラグメントまたは他のビューに対応する 4 つのページャーを定義したと仮定します。これで、次のようにデフォルトの ViewPager コンテナを定義できるようになりました。

<androidx.viewpager.widget.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

次に、以下に示すように、PagerAdapter を定義して、この ViewPager コンテナを 4 つの Pager に関連付ける必要があります。

public class MyPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> fragments;

    public MyPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
        super(fm);
        this.fragments = fragments;
    }

    @Override
    public int getCount() {
        return fragments.size();
    }

    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }
}

この PagerAdapter では、表示したい 4 つの Pager を含む Fragment コレクションを渡します (他のタイプの View を使用している場合は、適切に変更できます)。getItem メソッドでは、位置に基づいて対応するフラグメントを返します。

最後に、アクティビティまたはフラグメントで、次のように、この PagerAdapter を ViewPager コンテナに関連付ける必要があります。

ViewPager viewPager = findViewById(R.id.view_pager);
List<Fragment> fragments = new ArrayList<>();
fragments.add(new MyFragment1());
fragments.add(new MyFragment2());
fragments.add(new MyFragment3());
fragments.add(new MyFragment4());
MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager(), fragments);
viewPager.setAdapter(adapter);

このサンプルコードでは、まず ViewPager コンテナを取得し、次に表示する 4 つの Pager を含む Fragments のコレクションを作成します。次に、PagerAdapter を作成し、ViewPager コンテナに関連付けました。最後に、作成したPagerAdapterをViewPagerコンテナに設定します。

Android では 1 つの画面に 4 つのページャーがあり、それぞれをスライドさせることができます。

おすすめ