MagicIndicator+ViewPager2+Fragment

最新推荐文章于 2024-12-14 15:54:40 发布

橙橙橙橙橙橙橙子

最新推荐文章于 2024-12-14 15:54:40 发布

阅读量873

点赞数

分类专栏：功能实现文章标签： android kotlin

本文链接：https://blog.youkuaiyun.com/mini_Liu/article/details/128354782

版权

功能实现专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何在Android应用中结合MagicIndicator和ViewPager2来创建页面导航，并展示了如何从Activity向Fragment传递数据。通过设置布局文件和初始化ViewPager及MagicIndicator，实现在不同页面间的平滑切换，并通过Bundle传递参数到Fragment。

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

代码说明

1、MagicIndicator+ViewPager2
layout

    <net.lucode.hackware.magicindicator.MagicIndicator
         android:id="@+id/tab_page"
         android:layout_width="match_parent"
         android:layout_height="48dp"
         android:paddingBottom="5dp"
         app:tabGravity="fill"
         app:tabIndicatorColor="@color/white"
         app:tabIndicatorHeight="1dp"
         app:tabMode="scrollable"
         app:tabTextColor="@color/white" />
    </RelativeLayout>
    
    <androidx.viewpager2.widget.ViewPager2
         android:id="@+id/vp_page"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:background="@color/white" />

Activity

private fun initViewPager() {
    
    binding.vp.isUserInputEnabled = false  //禁止滑动
    fragmentList.clear()
    for (index in tabList.indices) {
        fragmentList.add(Fragment().apply {
            //页面传值
            arguments = Bundle().apply {
                putString("key", value)
                putSerializable("bean", list) 
            }
        })
    }
    //设置适配器(vp通过适配器管理fragment)
    binding.vp.initFragment(this, fragmentList)
    
    //fragment注册页面监听事件
    binding.vp.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
        override fun onPageSelected(position: Int) {
            super.onPageSelected(position)
        }
    })
    //将MagicIndicator和vp2绑定
    initNavigtor(tabList, binding.vpInfo, binding.tabInfo)
    }

2、Activity向Fragment传值
Activity传值

Fragment().apply {
            //页面传值
            arguments = Bundle().apply {
                putString("content", value)
            }
        }

fra接收

  @Param
    var content = ""

在这里插入图片描述