Tablayout与viewpager联动

最新推荐文章于 2024-07-14 15:19:33 发布

ω 歡喜

最新推荐文章于 2024-07-14 15:19:33 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wuchengyayo/article/details/78280436

本文详细介绍如何在Android应用中使用TabLayout与ViewPager组件实现流畅的标签切换效果。包括添加必要的依赖库、设置布局文件、编写Java代码实现ViewPager适配器及与TabLayout的联动等步骤。

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

1.添加design依赖

2.修改版本,编译

3.布局:

主布局里必须要有属性:

xmlns:app="http://schemas.android.com/apk/res-auto"

<android.support.design.widget.TabLayout
    android:background="#00f"
    android:id="@+id/tab"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    app:tabGravity="center"
    app:tabIndicatorColor="@color/colorAccent"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/colorPrimaryDark"
    app:tabTextColor="@color/colorPrimary"
    app:tabTextAppearance="@style/textsi"

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

<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></android.support.v4.view.ViewPager>
4.代码
tab = (TabLayout) findViewById(R.id.tab);
    vp = (ViewPager) findViewById(R.id.vp);
    final List<String>titles = new ArrayList<>();
    titles.add("快讯");
    titles.add("热点新闻");
    titles.add("机会");
    titles.add("新股");
    titles.add("更多");
    vp.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
        @Override
        public CharSequence getPageTitle(int position) {
            return titles.get(position);
        }

        @Override
	//可以加载多个fragment,用switch

        public Fragment getItem(int position) {
            F1 f1 = new F1();
            return f1;
        }

        @Override
        public int getCount() {
            return titles.size();
        }
    });
    tab.setupWithViewPager(vp);
    vp.setOffscreenPageLimit(titles.size());

}