AndroidStudio学习笔记（ViewPager2+TabLayout）

手話

已于 2022-05-30 20:59:16 修改

阅读量2.3k

点赞数

分类专栏： Android 文章标签： android studio

于 2020-03-26 16:41:53 首次发布

本文链接：https://blog.csdn.net/qq_45212775/article/details/105121438

版权

本文介绍了如何在Android Studio中使用ViewPager2和TabLayout，从导入库到XML布局设计，再到在Activity或Fragment中的实现，特别强调了TabLayout需置于ViewPager2外部以避免错误，同时提到了预加载设置以优化翻页体验。

摘要由CSDN通过智能技术生成

ViewPager2

继ViewPager之后的ViewPager2的使用小结随记

导入对应的ViewPager2和TabLayout所在的库

implementation "androidx.viewpager2:viewpager2:1.0.0"
//TabLayout所在的库
implementation 'com.google.android.material:material:1.1.0'

详见viewpager2地址

在xml文件中使用相应布局

这里之前困扰我好久，TabLayout布局要写在Viewpager2外
否则会报 ViewPager2不能直接含有子控件的错误

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
<androidx.viewpager2.widget.ViewPager2
    android:id=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

手話

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Android Studio —— TabLayout

01-24

详情：https://blog.csdn.net/automoblie0/article/details/122659942

ViewPager2+TabLayout

u013773608的博客

11-23

9059

ViewPager2+TabLayout

参与评论您还未登录，请先登录后发表或查看评论

安卓开发中的ViewPager2的使用

最新发布

m0_66843126的博客

09-06

1231

</data></layout><data>

【Android】ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果

摸鱼小小虫的博客

11-14

5846

ViewPager2和TabLayout协同使用，实现多Fragment页面切换类似于QQ音乐，bilibili效果，实现滑动切换界面的效果

android 关于TabLayout联动ViewPager2 实现底部导航栏

qq_57276381的博客

10-05

3000

本篇文章使用的代码是Java这里官方是有将两个进行联动的方法的当然如果不用也可以做只不过应该没人会这样写...

Tablayout自定义+viewpage2

qq_32670947的博客

12-13

1877

自定义tab实现

ViewPager2+TabLayout实现左右滚动效果

02-28

在Android开发中，创建一个可左右滑动的标题栏效果是一项常见的需求，这通常涉及到`ViewPager2`和`TabLayout`这两个组件的结合使用。`ViewPager2`是Android官方提供的一个用于展示多个Fragment或者布局的视图切换...

Android中在DialogFragment内使用TabLayout+ViewPager

06-07

2. **集成ViewPager** - 创建一个`ViewPager`，并在布局文件中添加它。 - 实现`PagerAdapter`的子类，为`ViewPager`提供数据。每个页面通常对应一个`Fragment`实例，你可以根据需要创建多个`Fragment`类型。 - 将...

viewpager+tabLayout+fragment联动导航栏

12-06

通过以上步骤，你就可以创建一个具备`viewpager+tabLayout+fragment`联动导航栏的Android应用了。这种设计模式不仅易于理解和维护，还提供了良好的用户体验。当然，实际项目中可能还需要考虑更多细节，例如动态加载...

Android AppBarLayout+TabLayout+RecyclerView+ViewPager+Fragment

10-08

但是当标题栏移动到顶部时是要悬浮在顶部，下面无论如何上滑标题拦都不再移动，当向下滑动时知直到出现RecyclerView的第一条时标题栏才会随着向下移动AppBarLayout+TabLayout+RecyclerView+ViewPager+Fragment

ScrollView+TabLayout+ViewPager+RecyclerView 嵌套实现布局

03-28

手动实现仿京东发现页面效果，使用布局嵌套完成，包括ScrollView+TabLayout+ViewPager+RecyclerView，最后有遗留问题需要处理。详情见博客https://blog.csdn.net/hq942845204/article/details/88844272

Android TabLayout+ViewPager2

yijiaodingqiankun的博客

02-17

2568

由于谷歌对Android Studio的不断更新，和对代码库、SDK等不断更新，导致以前的好多代码都不能正常运行了，今天就给大家说说TabLayout+ViewPager2。 TabLayout+ViewPager相信大家都会用，我前年写了段代码，大致写完了，一直没管，今天测试发现不能用。一点就崩，什么问题呢？我用的androidX库中的TabLayout+ViewPager2，然后我接收的时候用的ViewPager，类型转换异常，更正错误后发现，适配器中的代码都变红了。找了各种文档，发现说TabLayo

Android开发：利用Android Studio自带的底部导航栏和ViewPager+TabLayout创建顶部导航栏

Night_Journey的博客

09-15

4256

可以看出在底部导航栏中官方使用的是Binding，但实际上比较常用的还是View，所以我就把首页的binding改成View，以及下面创建顶部导航栏的四个fragment也都有View。说白了就是把顶部导航栏的四个fragment嵌套到底部导航栏的一个fragment中。父fragment的消失会导致子fragment的消失。原因：底部导航的切换，会导致切换前的fragment被杀掉，也就是HomeFragment被杀掉，再切回来时，子fragment并没有被创建，所以该显示的文字没有显示出来。

Android ViewPager2 & TabLayout

2401_83329718的博客

03-27

1367

TextView)?.also{

【Android】使用ViewPager2与TabLayout实现顶部导航栏＋页面切换

2301_79344902的博客

07-26

2432

介绍了ViewPager2和TabLayout协同使用完成标题导航栏的方法

ViewPager和ViewPager2的简单使用，TabLayout与ViewPager2联用以及轮播图的实现。

m0_74000465的博客

10-29

1512

ViewPager和ViewPager2的简单使用，TabLayout和ViewPager2的联用以及轮播图的实现代码。

Android ViewPager2 + TabLayout + TabItem，比较ViewPager

https://github.com/W4ited

03-18

5259

TabLayout + TabItem + ViewPager2的使用

Android TabLayout+ViewPager2的简单用法（两个Android自带的控件）

热门推荐

张雨的博客

01-03

1万+

效果图1 效果图2 MainActivity class MainActivity : AppCompatActivity() { private lateinit var binding: ActivityMainBinding override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = DataBindingUti

viewpager2+tablayout+fragment实现页面的切换

05-16

实现 ViewPager2+TabLayout+Fragment 实现页面切换，需要以下步骤： 1. 在 XML 布局文件中定义 ViewPager2 和 TabLayout，并将它们嵌套在一个父布局中。 ```xml <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable" app:tabGravity="center"/> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="0dp" app:layout_constraintTop_toBottomOf="@id/tab_layout" app:layout_constraintBottom_toBottomOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout> ``` 2. 创建 Fragment，并实现 ViewPager2 的适配器。 ```kotlin class MyFragmentAdapter(fragmentActivity: FragmentActivity) : FragmentStateAdapter(fragmentActivity) { private val fragmentList = listOf( FirstFragment(), SecondFragment(), ThirdFragment() ) override fun getItemCount() = fragmentList.size override fun createFragment(position: Int) = fragmentList[position] } ``` 3. 在 Activity 或 Fragment 中，初始化 ViewPager2 和 TabLayout，并将适配器设置给 ViewPager2。 ```kotlin val viewPager: ViewPager2 = findViewById(R.id.view_pager) val tabLayout: TabLayout = findViewById(R.id.tab_layout) val adapter = MyFragmentAdapter(this) viewPager.adapter = adapter TabLayoutMediator(tabLayout, viewPager) { tab, position -> tab.text = "Tab ${position + 1}" }.attach() ``` 这样就可以实现 ViewPager2+TabLayout+Fragment 实现页面切换了。注意，TabLayoutMediator 是用来关联 TabLayout 和 ViewPager2 的，它的第一个参数是 TabLayout，第二个参数是 ViewPager2，第三个参数是一个回调函数，用来设置 TabLayout 的标签文本。在最后一行调用 attach() 方法即可完成关联。