TabLayout和viewpager的结合使用

最新推荐文章于 2025-07-09 14:10:20 发布

天下我有123

最新推荐文章于 2025-07-09 14:10:20 发布

阅读量918

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/WJ2LIU/article/details/61626542

本文介绍了如何在Android开发中将TabLayout与ViewPager结合使用，特别指出在使用时需注意ViewPager内应放置Fragment，以避免只能滑动无法点击的问题。示例代码包括引入依赖、查找及初始化控件以及设置适配器。

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

TabLayout和viewpager结合使用时，注意：viewpager 里面放fragment 这样不会出现只能滑不能点的 "bug'，到现在为止未解决！

代码如下：

首先需要导个依赖：

compile 'com.android.support:design:23.2.0'

然后布局：

  //谨记  tablayout控件必须是android.support.design.widget.TabLayout
  不然再执行时 会报错！

<android.support.design.widget.TabLayout    android:id="@+id/tab_layout"    android:layout_width="match_parent"    android:layout_height="50dp"    app:tabIndicatorColor="#ff0000"    //这个是指示器选中的颜色！就比如下面的下划线    app:tabSelectedTextColor="#ff0000"          //这个是选中的颜色    app:tabTextColor="@android:color/black"      //这个是字体默认的颜色    >          </android.support.design.widget.TabLayout>    <android.support.v4.view.ViewPager        android:id="@+id/view_pager"        android:layout_width="match_parent"        android:layout_height="wrap_content"        >    </android.support.v4.view.ViewPager>

j接下来是：代码：

//找控件

private void initview() {
    tab_layout = (TabLayout) findViewById(R.id.tab_layout);
    view_pager = (ViewPager) findViewById(R.id.view_pager);
}

//然后是赋值：

public void getserverdata() {
//这是TaLayout的标签赋值
 list_title.add("1212");
    list_title.add("1213");
    list_title.add("1214");
    list_title.add("1215");
    list_title.add("1216");
    for (int i = 0; i < list_title.size(); i++) {
        tab_layout.addTab(tab_layout.newTab().setText(list_title.get(i)));

    }

 //这是new出
 Fragment1 f1=new Fragment1();
    Fragment2 f2=new Fragment2();
    Fragment3 f3=new Fragment3();
    Fragment4 f4=new Fragment4();
    Fragment5 f5=new Fragment5();
    list_fragment.add(f1);
    list_fragment.add(f2);
    list_fragment.add(f3);list_fragment.add(f4);

    list_fragment.add(f5);
}

//设配器

private class MyViewPagerAdapter extends FragmentPagerAdapter {

    public MyViewPagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }

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

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

    //获取page对应的title
    @Override
    public CharSequence getPageTitle(int position) {
        return list_title.get(position);
    }
}

//最后就是让他们关联起来

//这是new出适配器
MyViewPagerAdapter m1=new MyViewPagerAdapter(getSupportFragmentManager());
   view_pager.setAdapter(m1);
//这是让他们关联起来
 tab_layout.setupWithViewPager(view_pager);
tab_layout.setTabsFromPagerAdapter(m1);
//应注意：
tablayout.setTabMode(TabLayout.MODE_SCROLLABLE);
这个是设置默认类型，不管上面添加多少，怎么滑动，都不会变