Android ViewPager2 & TabLayout(1)

最新推荐文章于 2024-07-11 15:08:02 发布

2401_84413420

最新推荐文章于 2024-07-11 15:08:02 发布

阅读量618

点赞数 12

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84413420/article/details/138329247

版权

程序员专栏收录该内容

308 篇文章 0 订阅

订阅专栏

原文地址：itnext.io/android-vie…

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

ViewPager2是在2019年Google I/O大会推出的用来替代ViewPager的，它包含了一些新的特性以及增强了UI和代码的体验。

从右到左布局的支持
垂直方向的滑动
可变的Fragment集合

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

ViewPager2是由RecyclerView支持的ViewGroup，ViewPager2需要一个adapter用来显示内容，adapter可以是RecyclerView.Adapter 或者FragmentStateAdapter。

本文主要介绍ViewPager2的基本使用以及配合TabLayout的使用方法。

设置

ViewPager2包含在AndroidX library of JetPack中，所以需要单独引入。

dependencies {
// For the latest version number of ViewPager2, please refer to the official page.
// Link: https://developer.android.com/jetpack/androidx/releases/viewpager2
implementation ‘androidx.viewpager2:viewpager2:1.0.0-alpha04’
}

XML 布局

<?xml version="1.0" encoding="utf-8"?>

<com.google.android.material.tabs.TabLayout
android:id=“@+id/tabLayout”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”/>

<androidx.viewpager2.widget.ViewPager2
android:id=“@+id/viewpager”
android:layout_width=“match_parent”
android:layout_height=“240dp”/>

定义RecyclerView Adapter和单元布局

class DemoViewPagerAdapter : RecyclerView.Adapter<DemoViewPagerAdapter.EventViewHolder>() {
val eventList = listOf(“0”, “1”, “2”)

// Layout “layout_demo_viewpager2_cell.xml” will be defined later
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) =
EventViewHolder(LayoutInflater.from(parent.context).inflate(R.layout.layout_demo_viewpager2_cell, parent, false))

override fun getItemCount() = eventList.count()
override fun onBindViewHolder(holder: EventViewHolder, position: Int) {
(holder.view as? TextView)?.also{
it.text = "Page " + eventList.get(position)

val backgroundColorResId = if (position % 2 == 0) R.color.blue else R.color.orange)
it.setBackgroundColor(ContextCompat.getColor(it.context, backgroundColorResId))
}
}

class EventViewHolder(val view: View) : RecyclerView.ViewHolder(view)
}

<?xml version="1.0" encoding="utf-8"?>

使用ViewPager2 绑定RecyclerView Adapter

class ViewPager2Activity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.layout_view_pager_demo)
viewpager.adapter = DemoViewPagerAdapter()
}
}

TabLayout 无法与 ViewPager2绑定

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

但是在StackOverFlow中找到了解决方案，我们可以使用TabLayoutMediator实现TabLayout与ViewPager2的绑定。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

TabLayoutMediator不能直接使用，所以需要拷贝一份出来，根据代码注释可知TabLayoutMediator只能在初始化之后才能调用attach方法：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

class ViewPager2Activity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_view_pager2)

// Must be declared before TabLayoutMediator.attach()

如何成为Android高级架构师！

架构师必须具备抽象思维和分析的能力，这是你进行系统分析和系统分解的基本素质。只有具备这样的能力，架构师才能看清系统的整体，掌控全局，这也是架构师大局观的形成基础。 你如何具备这种能力呢？一是来自于经验，二是来自于学习。

架构师不仅要具备在问题领域上的经验，也需要具备在软件工程领域内的经验。也就是说，架构师必须能够准确得理解需求，然后用软件工程的思想，把需求转化和分解成可用计算机语言实现的程度。经验的积累是需要一个时间过程的，这个过程谁也帮不了你，是需要你去经历的。

但是，如果你有意识地去培养，不断吸取前人的经验的话，还是可以缩短这个周期的。这也是我整理架构师进阶此系列的始动力之一。

成为Android架构师必备知识技能

对应导图的学习笔记(由阿里P8大牛手写，我负责整理成PDF笔记）

部分内容展示

《设计思想解读开源框架》

目录
热修复设计
插件化框架设计

《360°全方面性能优化》
设计思想与代码质量优化
程序性能优化

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
程序性能优化*
[外链图片转存中…(img-mjzR5hay-1714404936146)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！