横向菜单 TabLayout框架的使用配合viewpager_横向tablayout和竖直的viewpager-优快云博客

本文链接：https://blog.youkuaiyun.com/zyj1871435871/article/details/79027936

本文详细介绍如何在Android应用中集成TabLayout与ViewPager组件，包括依赖配置、XML布局定义及Java代码实现步骤。通过实例演示如何创建动态菜单，并实现与ViewPager的联动效果。

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

第一步要建立依赖在依赖里选择这个导入 com.android.support:design (com.android.support:design:27.0.2)

xml文件里使用TabLayout控件要记住是Android.support.design.widget.TabLayout 不是直接用TabLayout控件要是用第三方的

 <android.support.design.widget.TabLayout
 android:id="@+id/tab"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
     android:layout_alignParentStart="true"
     android:layout_alignParentTop="true"
/>

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

//然后就是代码里的操作了

//找到控件
pager = view.findViewById(R.id.pager);
tab = view.findViewById(R.id.tab);

//这行代码的意思是viewpager联合TabLayout
tab.setupWithViewPager(pager);
//aa集合装的是tabLayout要装的是横向菜单的内容
aa.add("家具");
aa.add("电脑");
aa.add("手机");
aa.add("嘿嘿");
//这里要装的则是viewpager要装的view视图
list = new ArrayList<>();
list.add(new ViewpagerF01());
list.add(new ViewpagerF02());
list.add(new ViewpagerF03());
list.add(new ViewpagerF04());
//给view设置适配器
pager.setAdapter(new MyPagerAdapter(getChildFragmentManager()));
这里适配器我写的是内部类  看下面的操作

  public  class MyPagerAdapter extends FragmentPagerAdapter{
       public MyPagerAdapter(FragmentManager fm) {
           super(fm);
       }
//这是给fragment返回视图
       @Override
       public Fragment getItem(int position) {
           return list.get(position) ;
       }
       //这个方法是要注意的 有横向菜单才重写的  是把装有菜单内容的aa里的值返回过去
       public CharSequence getPageTitle(int position) {
           return aa.get(position);
       }
       //返回视图的数量
       @Override
       public int getCount() {
           return 4;
       }
   }

这样就完成了 谢谢观看