Android ViewPager+Fragment 懶加載方案一(setUserVisibleHint()方案)

Fragment 懶加載介紹

日常項(xiàng)目中無可或缺的會(huì)用到ViewPager嵌套Fragment的操作,以及Fragment中再嵌套Fragment的這種復(fù)雜嵌套的操作.由于ViewPager的緩存機(jī)制就會(huì)加載多個(gè)Fragmen頁面導(dǎo)致加載速度變慢,這個(gè)時(shí)候我們就用到了Fragment 懶加載操作了

效果.png

示例效果實(shí)現(xiàn)是基于 ViewPager+FragmentStatePagerAdapter+Fragment

image.png

方案:

  • ViewPager + FragmentStatePagerAdapter+Fragment 實(shí)現(xiàn)頁面搭建
  • 基于Fragment setUserVisibleHint() +onResume()+onPause() 處理懶加載

懶加載效果


效果.gif

實(shí)現(xiàn):

1. ViewPager的FragmentStatePagerAdapter()

package com.wu.material.adapter

import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.fragment.app.FragmentStatePagerAdapter


/**
 *
 * 作者:吳奎慶
 *
 * 時(shí)間:2021/11/13
 *
 * 用途:
 */


class FragmentAdapter(fragmentList:ArrayList<Fragment>,fm: FragmentManager): FragmentStatePagerAdapter (fm){

    var fragmentList=ArrayList<Fragment>()
    init {
        this.fragmentList=fragmentList
    }
    override fun getItem(position: Int): Fragment {
        return fragmentList.get(position)
    }

    override fun getCount(): Int {
        return fragmentList.size
    }
}

2. 懶加載Fragment的處理

2.1 懶加載Fragment的基類

package com.wu.material.fragment

import android.content.Context
import android.os.Bundle
import android.util.Log
import android.view.View
import androidx.fragment.app.Fragment


/**
 * @author wkq
 *
 * @date 2022年01月30日 14:09
 *
 *@des ViewPager+Fragment懶加載
 *
 */

// Fragment 完整生命周期:
// onAttach -> onCreate -> onCreatedView -> onActivityCreated ->
// onStart -> onResume ->
// onPause -> onStop ->
// onDestroyView -> onDestroy -> onDetach

abstract class ViewPagerLazyLoadingFragment : Fragment() {


    /**
     * 當(dāng)前頁面是否可見
     */
    private var isVisibleToUser = false

    private var isResume = false

    override fun onHiddenChanged(hidden: Boolean) {
        super.onHiddenChanged(hidden)
        Log.e("LazyLoadingFragment :", "onHiddenChanged()" + hidden)
    }


    /**
     * 懶加載執(zhí)行的方法
     */

    abstract fun lazyLoad()

    override fun onAttach(context: Context) {
        super.onAttach(context)
        Log.e("LazyLoadingFragment :", "onAttach()")

    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        Log.e("LazyLoadingFragment :", "onCreate()")
    }


    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        Log.e("LazyLoadingFragment :", "onViewCreated()")

    }

    override fun onStart() {
        super.onStart()
        Log.e("LazyLoadingFragment :", "onStart()")

    }

    override fun onResume() {
        super.onResume()
        isResume = true
        if (isVisibleToUser) {
            lazyLoad()
        }
        Log.e("LazyLoadingFragment :", "onResume()")
    }

    /**
     * 是否用戶可見
     */
    override fun setUserVisibleHint(isVisibleToUser: Boolean) {
        super.setUserVisibleHint(isVisibleToUser)
        this.isVisibleToUser = isVisibleToUser

        if (isVisibleToUser && isResume) {
            lazyLoad()
        }
        Log.e("LazyLoadingFragment :", "setUserVisibleHint()" + isVisibleToUser)
    }


    override fun onPause() {
        super.onPause()
        isResume = false
        Log.e("LazyLoadingFragment :", "onPause()")
    }

    override fun onStop() {
        super.onStop()
        Log.e("LazyLoadingFragment :", "onStop()")
    }

    override fun onDestroyView() {
        super.onDestroyView()
        Log.e("LazyLoadingFragment :", "onDestroyView()")
    }

    override fun onDestroy() {
        super.onDestroy()
        isResume = false
        isVisibleToUser = false
        Log.e("LazyLoadingFragment :", "onDestroy()")
    }

    override fun onDetach() {
        super.onDetach()
        Log.e("LazyLoadingFragment :", "onDetach()")
    }

}

2.2 懶加載的Fragment

package com.wu.material.fragment

import android.os.Bundle
import android.util.Log
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Toast
import com.wu.material.R


/**
 * @author wkq
 *
 * @date 2022年01月30日 14:09
 *
 *@des 懶加載測(cè)試頁面
 *
 */

class DemoLazyLoadFragment : ViewPagerLazyLoadingFragment() {

    companion object {
        fun newInstance(): DemoLazyLoadFragment {
            val args = Bundle()
            val fragment = DemoLazyLoadFragment()
            fragment.arguments = args
            return fragment
        }
    }


    override fun lazyLoad() {
        Log.e("DemoLazyLoadFragment :","加載數(shù)據(jù)")
        Toast.makeText(activity,"懶加載加載數(shù)據(jù)", Toast.LENGTH_SHORT).show()

    }
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.page_1, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

    }


}

3. 主要實(shí)現(xiàn)

package com.wu.material.activity

import android.content.Context
import android.graphics.Color
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import androidx.fragment.app.Fragment
import com.wu.material.R
import com.wu.material.adapter.FragmentAdapter
import com.wu.material.databinding.ActivityLazyLoadingBinding
import com.wu.material.fragment.*
import com.wu.material.widget.CustomTitleView
import net.lucode.hackware.magicindicator.ViewPagerHelper
import net.lucode.hackware.magicindicator.buildins.commonnavigator.CommonNavigator
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.CommonNavigatorAdapter
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.IPagerIndicator
import net.lucode.hackware.magicindicator.buildins.commonnavigator.abs.IPagerTitleView
import net.lucode.hackware.magicindicator.buildins.commonnavigator.indicators.LinePagerIndicator


/**
 * @author wkq
 *
 * @date 2022年03月16日 9:04
 *
 *@des
 *
 */

class LazyLoadingFragmentActivity : AppCompatActivity() {
    var binding: ActivityLazyLoadingBinding? = null
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView<ActivityLazyLoadingBinding>(this, R.layout.activity_lazy_loading)
        initVp()
        initMagicIndicator()
    }

    private fun initMagicIndicator() {

        var mTitles = arrayOf("當(dāng)前", "歷史", "曾經(jīng)", "未來")
        binding!!.magicIndicator.setBackgroundColor(Color.WHITE)
        val commonNavigator = CommonNavigator(this)
        commonNavigator.scrollPivotX = 0.35f
        commonNavigator.adapter = object : CommonNavigatorAdapter() {
            override fun getCount(): Int {
                return if (mTitles == null) 0 else mTitles.size
            }

            override fun getTitleView(context: Context, index: Int): IPagerTitleView {
                val simplePagerTitleView = CustomTitleView(context)
                simplePagerTitleView.setText(mTitles.get(index))
                simplePagerTitleView.normalColor = Color.parseColor("#666666")
                simplePagerTitleView.selectedColor = Color.parseColor("#222222")
                simplePagerTitleView.setOnClickListener { binding!!.vpContent.setCurrentItem(index) }
                return simplePagerTitleView
            }

            override fun getIndicator(context: Context): IPagerIndicator {
                val indicator = LinePagerIndicator(context)
                indicator.mode = LinePagerIndicator.MODE_EXACTLY
                indicator.setColors(Color.parseColor("#3399FF"))
                indicator.setRoundRadius(5f)
                return indicator
            }
        }
        binding!!.vpContent.offscreenPageLimit
        binding!!.magicIndicator.navigator = commonNavigator
        ViewPagerHelper.bind(binding!!.magicIndicator, binding!!.vpContent)
    }

    private fun initVp() {
        var fragmentList = ArrayList<Fragment>()

        fragmentList.add(DemoLazyLoadFragment.newInstance())
        fragmentList.add(DemoFragment2.newInstance())
        fragmentList.add(DemoFragment3.newInstance())
        fragmentList.add(DemoFragment4.newInstance())
        var fragmentAdapter = FragmentAdapter(fragmentList, this.supportFragmentManager)
        this.binding!!.vpContent.adapter = fragmentAdapter

    }


}

總結(jié)

由ViewPager +FragmentStateAdapter+Fragment 實(shí)現(xiàn)復(fù)雜頁面的嵌效果,基于Fragment的setUserVisibleHint()方法簡(jiǎn)單的實(shí)現(xiàn)了Fragment的懶加載效果

看都看了點(diǎn)個(gè)贊再走吧

源碼

1.項(xiàng)目源碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容