TabLayout ViewPager滑动不流畅

日敲三万行代码

于 2021-04-27 00:10:45 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： android开发文章标签： android viewpager

本文链接：https://blog.youkuaiyun.com/gxhea/article/details/116177585

android开发专栏收录该内容

8 篇文章

订阅专栏

当在Androidx环境下使用TabLayout和ViewPager时，可能会遇到滑动不顺畅的问题，表现为ViewPager在滑动时，TabLayout的tabItem会直接跳转到下一个，而不会停留在中间状态。解决这个问题的方法是将TabLayout放置在ViewPager内部，正确的布局代码如下所示。通过这样的布局调整，可以改善TabLayout和ViewPager的交互体验。

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

在androidx下，TabLayout ViewPager滑动不流畅。

问题：

滑动ViewPager时，对应的tabItem切到另外一个，而不是在中间停住。

解决方案：

将TabLayout放到ViewPager里面。

<androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintTop_toBottomOf="@+id/tab_layout" >
        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/include_title_bar" />
    </androidx.viewpager.widget.ViewPager>