Android tablayout viewpager2 fragment 你可能用错了

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

tabLayout + viewPager2 + fragment 用不好会导致内存泄漏

前言

tabLayout + viewPager2 + fragment 这是在app开发中非常常见的UI架构了但是用不好的话是会导致内存泄漏的

Demo地址

( app 模板使用 android studio 创建一个就行我只用 HomeFragment )

先了解一下viewPager

之前我们都是使用viewPager 但是 viewPager 有两个毛病

不能关闭预加载

更新Adapter不生效

虽然能解决但是很麻烦

viewPager 有个方法 offscreenPageLimit 用来设置当前页前后预加载的数量即使设置为0也不起任何作用因为源码中默认值为1

先来看个图:

上面是 ViewPager 默认情况下的加载示意图，当切换到当前页面时，会默认预加载左右两侧的布局到 ViewPager 中，
尽管两侧的 View 并不可见的，我们称这种情况叫预加载；由于 ViewPager 对 offscreenPageLimit 设置了限制，
页面的预加载是不可避免

如果使用一定要使用viewPager 也可以做到 fragment 懒加载主要是对 fragment 做手脚结合生命周期方法和setUserVisibleHint状态，控制数据延迟加载，而布局只能提前进入

viewPager2基本使用

1、承载tabLayout 和 viewPager2 需要一个 fragment 或者 activity 这里我们使用 fragment

HomeFragment 如下:

public class HomeFragment extends Fragment { private HomeViewModel homeViewModel ; private TabLayout tabLayout ; private ViewPager2 viewPager2 ; private final ArrayList < String > tabTitles = new ArrayList < > ( ) ; // 用List 存放fragment 不推荐使用用不好导致内存泄漏 private ArrayList < BlankFragment > fragments = new ArrayList < > ( ) ; public View onCreateView ( @NonNull LayoutInflater inflater , ViewGroup container , Bundle savedInstanceState ) { homeViewModel = new ViewModelProvider ( this ) . get ( HomeViewModel . class ) ; View root = inflater . inflate ( R . layout . fragment_home , container , false ) ; tabLayout = root . findViewById ( R . id . tabs ) ; viewPager2 = root . findViewById ( R . id . viewPager ) ; return root ; @Override public void onViewCreated ( @NonNull View view , @Nullable Bundle savedInstanceState ) { super . onViewCreated ( view , savedInstanceState ) ; // 初始化 tabTitles 和 fragments for ( int i = 0 ; i < 15 ; i ++ ) { tabTitles . add ( String . valueOf ( i ) ) ; fragments . add ( BlankFragment . newInstance ( tabTitles . get ( i ) ) ) ; // 关闭预加载 viewPager2 . setOffscreenPageLimit ( ViewPager2 . OFFSCREEN_PAGE_LIMIT_DEFAULT ) ; // 可以不设置因为默认是 -1 默认不进行预加载 // 这个必须设置不然仍然会启用预加载 ( ( RecyclerView ) viewPager2 . getChildAt ( 0 ) ) . getLayoutManager ( ) . setItemPrefetchEnabled ( false ) ; // 设置缓存数量，对应 RecyclerView 中的 mCachedViews，即屏幕外的视图数量 ( ( RecyclerView ) viewPager2 . getChildAt ( 0 ) ) . setItemViewCacheSize ( 0 ) ; // 第一种方法 (可能会内存泄漏) //FragmentAdapter adapter = new FragmentAdapter(this, fragments); //viewPager2.setAdapter(adapter); // 这里使用第二种方法 viewPager2 . setAdapter ( new FragmentStateAdapter ( this ) { @NonNull @Override public Fragment createFragment ( int position ) { return BlankFragment . newInstance ( tabTitles . get ( position ) ) ; @Override public int getItemCount ( ) { return tabTitles . size ( ) ; } ) ; // viewPager2 滑动监听 viewPager2 . registerOnPageChangeCallback ( new ViewPager2 . OnPageChangeCallback ( ) { @Override public void onPageSelected ( int position ) { super . onPageSelected ( position ) ; } ) ; // 这里第四个参数一定要设置为false 如果设置为true时我们在滑动时 BlankFragment的创建和销毁都很正常 // 一旦我们通过点击tabLayout时如果两个tab距离过远那么所有划过的tabLayout 都会创建和销毁BlankFragment 这显然不是我们想要的 // tabLayout 和 viewPager 联动 new TabLayoutMediator ( tabLayout , viewPager2 , true , false , new TabLayoutMediator . TabConfigurationStrategy ( ) { @Override public void onConfigureTab ( @NonNull TabLayout . Tab tab , int position ) { tab . setText ( tabTitles . get ( position ) ) ; } ) . attach ( ) ;

fragment_home.xml 布局文件:

<?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns: android = " http://schemas.android.com/apk/res/android " xmlns: app = " http://schemas.android.com/apk/res-auto " xmlns: tools = " http://schemas.android.com/tools " android: layout_width = " match_parent " android: orientation = " vertical " android: layout_height = " match_parent " tools: context = " .ui.home.HomeFragment " > < com.google.android.material.tabs.TabLayout android: id = " @+id/tabs " android: layout_width = " match_parent " android: layout_height = " 40dp " app: tabGravity = " center " app: tabIndicatorColor = " #ff678f " app: tabIndicatorFullWidth = " false " app: tabIndicatorHeight = " 2dp " app: tabMode = " scrollable " android: layout_marginTop = " 0dp " app: tabSelectedTextColor = " #ff678f " app: tabTextColor = " #333333 " app: tabUnboundedRipple = " true " /> < androidx.viewpager2.widget.ViewPager2 android: id = " @+id/viewPager " android: layout_width = " match_parent " android: background = " @color/purple_200 " android: layout_height = " 0dp " android: layout_weight = " 1 " /> </ LinearLayout >

2、viewPager2的 FragmentStateAdapter 创建fragment时我们复用一个fragment

BlankFragment 如下:

public class BlankFragment extends Fragment { private String mParam1 ; private TextView mTextView ; public static BlankFragment newInstance ( String param1 ) { BlankFragment fragment = new BlankFragment ( ) ; Bundle args = new Bundle ( ) ; args . putString ( "param1" , param1 ) ; fragment . setArguments ( args ) ; return fragment ; @Override public void onPause ( ) { super . onPause ( ) ; Log . i ( "TAG=======onPause" , mParam1 ) ; @Override public void onCreate ( Bundle savedInstanceState ) { super . onCreate ( savedInstanceState ) ; if ( getArguments ( ) != null ) { mParam1 = getArguments ( ) . getString ( "param1" ) ; Log . i ( "TAG=======onCreate" , mParam1 ) ; Toast . makeText ( getContext ( ) , mParam1 , Toast . LENGTH_SHORT ) . show ( ) ; @Override public void onDestroy ( ) { super . onDestroy ( ) ; Log . i ( "TAG=======onDestroy" , mParam1 ) ; @Override public View onCreateView ( LayoutInflater inflater , ViewGroup container , Bundle savedInstanceState ) { // Inflate the layout for this fragment View root = inflater . inflate ( R . layout . fragment_blank , container , false ) ; mTextView = root . findViewById ( R . id . text1 ) ; mTextView . setText ( mParam1 ) ; Log . i ( "TAG=======onCreateView" , mParam1 ) ; return root ; // 对外提供一个刷新Ui的方法 public void refreshUi ( ) { if ( getArguments ( ) != null ) { mParam1 = getArguments ( ) . getString ( "param1" ) ; mTextView . setText ( mParam1 + "ddd" ) ; @Override public void onDestroyView ( ) { super . onDestroyView ( ) ; Log . i ( "TAG======onDestroyView" , mParam1 ) ;

fragment_blank.xml 如下:

<?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns: android = " http://schemas.android.com/apk/res/android " xmlns: tools = " http://schemas.android.com/tools " android: layout_width = " match_parent " android: layout_height = " match_parent " android: orientation = " vertical " android: gravity = " center " tools: context = " .ui.BlankFragment " > < TextView android: id = " @+id/text1 " android: textSize = " 26sp " android: layout_width = " wrap_content " android: layout_height = " wrap_content " android: text = " black " /> </ LinearLayout >

至此我们已经完成了 tabLayout + viewPager2 + fragment

viewPager2常用方法


       setAdapter()

设置适配器


       setOrientation()

设置布局方向


       setCurrentItem()

设置当前Item下标


       beginFakeDrag()

开始模拟拖拽


       fakeDragBy()

模拟拖拽中


       endFakeDrag()

模拟拖拽结束


       setUserInputEnabled()

设置是否允许用户输入/触摸


       setOffscreenPageLimit()

设置屏幕外加载页面数量


       registerOnPageChangeCallback()

注册页面滑动监听回调


       setPageTransformer()

设置页面滑动时的变换效果

ViewPager2 预加载和缓存

viewPager2 是存在预加载和缓存的我们虽然可以通过 offscreenPageLimit 去设置预加载的数量但是 viewPager2 会默认帮我们
缓存两个 fragment 意思就是我们再滑动回来时不会再去走 fragment 创建的生命周期了会走 onResume 生命周期函数

one picture is worth a thousand words :

viewPager2 默认开启预加载

如何关闭预加载、并设置缓存数量

常见设置如下

//设置应保留在当前可见页面两侧的页面数 viewPager2 . setOffscreenPageLimit ( 4 ) ; //关闭预加载 ( ( RecyclerView ) viewPager2 . getChildAt ( 0 ) ) . getLayoutManager ( ) . setItemPrefetchEnabled ( false ) ; //设置缓存数量，对应 RecyclerView 中的 mCachedViews，即屏幕外的视图数量 ( ( RecyclerView ) viewPager2 . getChildAt ( 0 ) ) . setItemViewCacheSize ( 4 ) ;

viewPager2 会默认缓存2个 ItemView

我们将 ((RecyclerView)viewPager2.getChildAt(0)).setItemViewCacheSize(0); 设置为 0 即可这样我们每次滑动一个新的 tab 时会创建
新的 fragment 并销毁上一个 fragment

viewPager2 对 fragment 的支持

目前， ViewPager2 对 Fragment 的支持只能使用 FragmentStateAdapter ，使用起来也是非常简单：

viewPager2 . setAdapter ( new FragmentStateAdapter ( this ) { @NonNull @Override public Fragment createFragment ( int position ) { return BlankFragment . newInstance ( tabTitles . get ( position ) ) ; @Override public int getItemCount ( ) { return tabTitles . size ( ) ; } ) ;

另外还有一个小坑

ViewPager2+TabLayout懒加载问题，Fragment被创建多次

ViewPager2 默认只加载当前页面，相当于官方处理了 Fragment 的懒加载问题，当你使用代码

new TabLayoutMediator(tabLayout, viewPager, true, new TabLayoutMediator.TabConfigurationStrategy() { @Override public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) { tab.setText(titles.get(position)); }).attach();

此时当你滑动 ViewPager2 时，滑动到某个 Fragment 页面才会加载，执行onCreateView()方法，

但是当你手动点击 TabLayout 时，此时懒加载就会失效， onCreateView() 会被执行多次，

原因就是…此时 ViewPager2 默认是平滑滚动的，滚动滑过的 Fragment 都会被加载，

只需修改代码:

其中，第二个 boolean 参数为 smoothScroll 一定要填 false 这时点击哪个 tab 就会创建哪个 fragment

但是页面看起来没有那么平滑了各有利弊吧

—————————————————————————————

如果需要点击tab无动画滑动页面时有动画怎么办呢?

TabLayoutMediator 是final类且smoothScroll字段是私有的、我们没法继承重写、但是可以copy源码修改、不会有问题

我们将源码copy下来稍作修改就可以用了下面是修改好的代码:

具体用法为:

new TabLayoutMediators ( tabLayout , viewPager2 , new TabLayoutMediators . TabConfigurationStrategy ( ) { @Override public void onConfigureTab ( @NonNull TabLayout . Tab tab , int position ) { tab . setText ( tabTitles . get ( position ) ) ; } ) . attach ( ) ;

和官方的用法一样没啥差别

—————————————————————————————

如果即要求点击tab有动画滑动页面也有动画可以看下面这个我们摒弃官方的 TabLayoutMediator 联动方法

我们自己来手动让 tabLayout 和 viewPager2 联动起来

private void firstMethod ( ) { // 设置 tabLayout 标题 for ( int i = 0 ; i < tabTitles . size ( ) ; i ++ ) { tabLayout . addTab ( tabLayout . newTab ( ) . setText ( tabTitles . get ( i ) ) ) ; // 监听tabLayout事件设置选中的viewPager2 tabLayout . addOnTabSelectedListener ( new TabLayout . OnTabSelectedListener ( ) { @Override public void onTabSelected ( TabLayout . Tab tab ) { viewPager2 . setCurrentItem ( tab . getPosition ( ) , false ) ; @Override public void onTabUnselected ( TabLayout . Tab tab ) { @Override public void onTabReselected ( TabLayout . Tab tab ) { } ) ; // viewPager2 滑动监听设置tab选中 viewPager2 . registerOnPageChangeCallback ( new ViewPager2 . OnPageChangeCallback ( ) { @Override public void onPageSelected ( int position ) { tabLayout . selectTab ( tabLayout . getTabAt ( position ) ) ; } ) ;

总结

viewPager2的优点还是有目共睹的, 但是还是要去踩坑啊，我之前也是用 viewPager2 但是没用对的话是会产生内存泄露的
所以就研究了一下在这里记录一下问题参考了很多博客基本上都不咋解决问题

只有下面这四篇有帮助感谢!!!

第一篇、 ViewPager2重大更新

第二篇、 ViewPager2主要功能

第三篇、解决ViewPager2+TabLayout懒加载问题，Fragment被创建多次

第四篇、 android ViewPager2+TabLayout、滑动效果相关问题！

LeakCanary –> 内存泄漏检测工具

使用非常简单

只需要在build.gradle 中添加这么一行就可以了只会在debug模式下检测不会影响到正式环境

dependencies {
  // debugImplementation because LeakCanary should only run in debug builds.
  debugImplementation 'com.squareup.leakcanary:leakcanary-android:2.7'
                            记一次被钓鱼网站盗走ETH的经历我本来是要研究NFT(非同质化代币)的, 在研究这个过程中 有几个在线的交易平台Nifty Gateway、OpenSea、MakersPlace等网站可以查看一些商品属性啥的，有助于了解到底啥是NFT