TabLayout

最新推荐文章于 2025-04-17 09:12:09 发布

qq_42828340

最新推荐文章于 2025-04-17 09:12:09 发布

阅读量96

点赞数

本文链接：https://blog.youkuaiyun.com/qq_42828340/article/details/84203145

版权

本文详细介绍了如何使用Android的TabLayout和ViewPager组件实现页面切换功能。通过实例代码展示了如何设置TabLayout的样式，如何配置ViewPager并添加多个Fragment，以及如何使TabLayout与ViewPager联动。适合Android开发者学习和参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面布局

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="match_parent"
    android:layout_height="50dp">

</android.support.design.widget.TabLayout>

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

</android.support.v4.view.ViewPager>

第一个页面可以滑动和点击

public class Frag01 extends android.support.v4.app.Fragment {
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.frag01,container,false);

    //找到控件
    TabLayout tabLayout = view.findViewById(R.id.tablayout);
    ViewPager pager = view.findViewById(R.id.pager);
    final ArrayList<String> titlelist = new ArrayList<>();
    //循环3个条目
    for (int i=0;i<3;i++){
        titlelist.add("标题"+i);
    }
    //将数据添加到条目中
    final ArrayList<Fragment> fragmentlist = new ArrayList<>();
    fragmentlist.add(new Frag_a());
    fragmentlist.add(new Frag02());
    fragmentlist.add(new Frag03());

    //创建ViewPager适配器
    pager.setAdapter(new FragmentPagerAdapter(getActivity().getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int i) {
            return fragmentlist.get(i);
        }

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

        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return titlelist.get(position);
        }
    });

    //设置tablayout
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
    tabLayout.setupWithViewPager(pager);

    return view;

}

}