关于Tablayout与ViewPager的结合切换效果

最新推荐文章于 2023-10-29 20:07:37 发布

y_xjjb

最新推荐文章于 2023-10-29 20:07:37 发布

阅读量467

点赞数 1

文章标签： android java apache

本文链接：https://blog.csdn.net/y_xjjb/article/details/121750284

版权

关于Tablayout与ViewPager的结合使用

前言
自制的实现效果
可能需要使用到的依赖

前言

Tablayout介绍：Tablayout是继承自HorizontalScrollView，用作页面切换指示器，实现顶部导航。

ViewPager介绍：ViewPager可以实现左右翻转带数据的页面，你想要显示的视图可以通过实现PagerAdapter来显示。

自制的实现效果

1、最初切换效果

实现效果图：
布局的实现效果图
动态效果展示：

布局代码：

<com.google.android.material.tabs.TabLayout
            android:id="@+id/record_tabs"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            app:tabGravity="center"
            app:tabMode="fixed"
            app:tabTextColor="@color/grey_7D7D7D"
            app:tabSelectedTextColor="@color/black"
            app:tabIndicatorColor="@color/black"/>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/record_vp"
        android:layout_width="match_par