TabLayout ViewPager滑动不流畅

最新推荐文章于 2025-09-17 01:49:44 发布

原创最新推荐文章于 2025-09-17 01:49:44 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #viewpager

android开发专栏收录该内容

8 篇文章

订阅专栏

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

在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>