如何创建选项卡式视图(如图)。安卓

<android.support.design.widget.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="fixed"
    app:tabGravity="fill"/>

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

TabLayout tabLayout = findViewById(R.id.tabLayout);
ViewPager viewPager = findViewById(R.id.viewPager);

// 创建适配器
PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());

// 设置适配器
viewPager.setAdapter(adapter);

// 将TabLayout与ViewPager关联
tabLayout.setupWithViewPager(viewPager);

public class PagerAdapter extends FragmentPagerAdapter {
    private static final int NUM_TABS = 3; // 选项卡数量

    public PagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        // 根据位置返回对应的Fragment
        switch (position) {
            case 0:
                return new Fragment1();
            case 1:
                return new Fragment2();
            case 2:
                return new Fragment3();
            default:
                return null;
        }
    }

    @Override
    public int getCount() {
        return NUM_TABS;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        // 返回选项卡标题
        switch (position) {
            case 0:
                return "Tab 1";
            case 1:
                return "Tab 2";
            case 2:
                return "Tab 3";
            default:
                return null;
        }
    }
}

public class Fragment1 extends Fragment {
    // 在这里添加Fragment的布局和逻辑
}

public class Fragment2 extends Fragment {
    // 在这里添加Fragment的布局和逻辑
}

public class Fragment3 extends Fragment {
    // 在这里添加Fragment的布局和逻辑
}