recyclerView中的item曝光邏輯實現(xiàn)

在日常的APP開發(fā)中隧熙,經常會遇到列表Item曝光相關的埋點刺下。我們通常是當數(shù)據(jù)對應的UI元素展示在屏幕上時才算作曝光并進行記錄。所以不可避免地在記錄曝光時需要結合屏幕上的列表數(shù)據(jù)變化來進行。

列表數(shù)據(jù)變化一般會由這幾種事件引起:
(1)列表數(shù)據(jù)刷新
(2)列表滑動
(3)軟鍵盤彈出/收起

所以對應的觀察時機為:
1、頁面在前臺時發(fā)生的以上事件
2际邻、頁面切換到前臺時

列表數(shù)據(jù)刷新

通過注冊AdapterDataObserver來感知列表的刷新行為,并通過while-delay防抖芍阎,afterLatestMeasured來確保ui完成了刷新

  private var checkJob: Job? = null
  private var checkNeedDelay = false
  
  /**
   * 列表刷新感知世曾,防抖
   */
  private fun addAdapterDataObserver() {
    mRecyclerView.adapter?.registerAdapterDataObserver(ListExpoAdapterDataObserver {
      resetForScrollPosition()
      checkNeedDelay = true
      if (checkJob?.isActive != true) {
        checkJob = AccountMainScope().launch {
          while (checkNeedDelay) {
            checkNeedDelay = false
            delay(CHECK_DELAY)
          }
          mRecyclerView.afterLatestMeasured {
            checkExpoItem()
          }
        }
      }
    })
  }


class ListExpoAdapterDataObserver(
  private val checkExpoCallBack: (() -> Unit),
) : RecyclerView.AdapterDataObserver() {
  override fun onChanged() {
    super.onChanged()
    dealCallBack()
  }

  override fun onItemRangeChanged(positionStart: Int, itemCount: Int) {
    super.onItemRangeChanged(positionStart, itemCount)
    dealCallBack()
  }
...

列表滑動

在onScrolled時計算出曝光的范圍,在onScrollStateChanged的SCROLL_STATE_IDLE時根據(jù)曝光范圍進行回調谴咸,獲取曝光元素的相關數(shù)據(jù)信息轮听。并清除緩存的曝光記錄


  private var rvExpoFirstPositionForScroll = NO_POSITION
  private var rvExpoLastPositionForScroll = NO_POSITION

  /**
   * 列表滑動感知
   */
  private fun addOnScrollListener() {
    mRecyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
      override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
        super.onScrollStateChanged(recyclerView, newState)
        when (newState) {
          RecyclerView.SCROLL_STATE_IDLE ->{
            checkExpoItemForScroll()
            resetForScrollPosition()
          }
          else -> {}
        }
      }

      override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        cacheExpoItemPositionForScroll()
      }
    })
  }

  /**
   * 處理滑動中的曝光行為
   */
  private fun cacheExpoItemPositionForScroll(){
    val (rvExpoFirstPosition, rvExpoLastPosition) = mRecyclerView.checkFirstAndLastItemPosition()
    rvExpoFirstPositionForScroll = if(rvExpoFirstPositionForScroll == NO_POSITION){
      rvExpoFirstPosition
    }else{
      rvExpoFirstPosition.coerceAtMost(rvExpoFirstPositionForScroll)
    }

    rvExpoLastPositionForScroll = if (rvExpoLastPositionForScroll == NO_POSITION) {
      rvExpoLastPosition
    } else {
      rvExpoLastPosition.coerceAtLeast(rvExpoLastPositionForScroll)
    }
  }

軟鍵盤彈出/收起

  private fun addKeyBoardListener() {
    (mRecyclerView.context as? AppCompatActivity)?.let {
      ListExpoKeyboardChangeListener(it, object : ListExpoKeyboardChangeListener.KeyboardHeightListener {
        override fun onKeyboardHeightChanged(keyboardHeight: Int, keyboardOpen: Boolean, isLandscape: Boolean) {
          checkExpoItem()
        }
      })
    }
  }

使用lifecycle進行生命周期的感知肿轨,在頁面回到前臺時檢查當前的item曝光情況,在頁面離開前臺時進行數(shù)據(jù)上報操作

  /**
   * 頁面生命周期感知
   */
  private fun addLifeCycleListener() {
    mLifecycle.addObserver(object : DefaultLifecycleObserver {
      override fun onResume(owner: LifecycleOwner) {
        super.onResume(owner)
        checkExpoItem()
      }

      override fun onPause(owner: LifecycleOwner) {
        super.onPause(owner)
        sendEventAndReset()
      }
    })
  }

至此蕊程,我們可以通過在合適的檢查時機使用layoutManager的findFirstVisibleItemPosition,findLastVisibleItemPosition方法驼唱,實現(xiàn)對RecyclerView.Adapter適配器中內容的曝光上報需求藻茂。

但隨著ConcatAdapter的出現(xiàn)(順序組合多個RecyclerView.Adapter,并顯示在一個RecyclerView中)玫恳,我們也需要對其進行適配辨赐。

由于我們只能通過RecyclerView的LayoutManager來獲取可見item的坐標,無法通過RecyclerView.Adapter來獲取京办,所以我們需要通過ConcatAdapter順序組合的特性掀序,根據(jù)RecycleView首末item的顯示位置、多個RecyclerView.Adapter的ItemCount惭婿,來計算出我們關注的Adapter的曝光情況不恭。

  /**
   * 處理曝光數(shù)據(jù)獲取
   */
  private fun dealDataProvided(listener: ListExpoListener<*>, rvExpoFirstPosition: Int, rvExpoLastPosition: Int) {
    val expoAdapterItemCount = listener.getExpoAdapterItemCount()
    if (rvExpoFirstPosition == NO_POSITION || rvExpoLastPosition == NO_POSITION || expoAdapterItemCount == 0) return

    if (mRecyclerView.adapter is ConcatAdapter) {
      var expoAdapterFirstIndex = 0
      run loop@{
        (mRecyclerView.adapter as ConcatAdapter).adapters.forEach { adapter ->
          if (adapter == listener.expoAdapter) return@loop
          expoAdapterFirstIndex += adapter.itemCount
        }
      }
      val expoAdapterLastIndex = expoAdapterFirstIndex + expoAdapterItemCount - 1

      val fromIndex = expoAdapterFirstIndex.coerceAtLeast(rvExpoFirstPosition)
      val toIndex = expoAdapterLastIndex.coerceAtMost(rvExpoLastPosition)
      if (toIndex >= fromIndex) {
        listener.dealDataProvided(fromIndex - expoAdapterFirstIndex, toIndex - expoAdapterFirstIndex)
      }
    } else {
      if (mRecyclerView.adapter == listener.expoAdapter) {
        if (rvExpoLastPosition >= rvExpoFirstPosition) {
          listener.dealDataProvided(rvExpoFirstPosition, rvExpoLastPosition)
        }
      }
    }
  }

至此,我們也實現(xiàn)了對在ConcatAdapter中的RecyclerView.Adapter曝光觀察财饥。
但需求總是變化無常的换吧,如果我們需要對ConcatAdapter中多個RecyclerView.Adapter進行曝光觀察,又應該如何處理呢钥星?

于是我想到了addXXXListener的形式沾瓦,將單個RecyclerView.Adapter的觀察和上報抽成一個ListExpoListener進行封裝∏矗考慮到應對各種不同的數(shù)據(jù)類型以及使用便捷性贯莺,引入了泛型機制

class ListExpoListener<T>(
  val expoAdapter: ExpoAdapterInterface,
  private val dataProvided: ((expoInfo: ListExpoEntity<T>) -> Unit),
  private val reportTrack: ((Map<String, T>) -> Unit) = { },
) {
  private val reportDataMap: MutableMap<String, T> by lazy { mutableMapOf() }

  fun getExpoAdapterItemCount() = expoAdapter.getItemCountForExpo()

  fun dealDataProvided(fromIndex: Int, toIndex: Int) {
    dataProvided.invoke(ListExpoEntity(reportDataMap, fromIndex, toIndex))
  }

  fun dealReportTrack() {
    reportTrack.invoke(reportDataMap)
  }

  fun clearCache(){
    reportDataMap.clear()
  }

  fun getCacheMap() = reportDataMap



/**
   * 檢查列表曝光,過濾不可見狀態(tài)的
   */
  private fun checkExpoItem() {
    if (mLifecycle.currentState == Lifecycle.State.RESUMED && listenerList.isNotEmpty()) {
      val (rvExpoFirstPosition, rvExpoLastPosition) = mRecyclerView.checkFirstAndLastItemPosition()
      catch {
        listenerList.forEach {
          dealDataProvided(it, rvExpoFirstPosition, rvExpoLastPosition)
        }
      }
    }
  }

  /**
   * 上報緩存的埋點信息宁改,并重置緩存數(shù)據(jù)
   */
  private fun sendEventAndReset() {
    listenerList.forEach {
      it.dealReportTrack()
      it.clearCache()
    }
  }

至此缕探,可實現(xiàn)目前所接收到的大部分列表埋點需求

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市还蹲,隨后出現(xiàn)的幾起案子撕蔼,更是在濱河造成了極大的恐慌,老刑警劉巖秽誊,帶你破解...
    沈念sama閱讀 212,657評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鲸沮,死亡現(xiàn)場離奇詭異,居然都是意外死亡锅论,警方通過查閱死者的電腦和手機讼溺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,662評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來最易,“玉大人怒坯,你說我怎么就攤上這事炫狱。” “怎么了剔猿?”我有些...
    開封第一講書人閱讀 158,143評論 0 348
  • 文/不壞的土叔 我叫張陵视译,是天一觀的道長。 經常有香客問我归敬,道長酷含,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,732評論 1 284
  • 正文 為了忘掉前任汪茧,我火速辦了婚禮椅亚,結果婚禮上,老公的妹妹穿的比我還像新娘舱污。我一直安慰自己呀舔,他們只是感情好,可當我...
    茶點故事閱讀 65,837評論 6 386
  • 文/花漫 我一把揭開白布扩灯。 她就那樣靜靜地躺著媚赖,像睡著了一般。 火紅的嫁衣襯著肌膚如雪珠插。 梳的紋絲不亂的頭發(fā)上省古,一...
    開封第一講書人閱讀 50,036評論 1 291
  • 那天,我揣著相機與錄音丧失,去河邊找鬼豺妓。 笑死,一個胖子當著我的面吹牛布讹,可吹牛的內容都是我干的琳拭。 我是一名探鬼主播,決...
    沈念sama閱讀 39,126評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼描验,長吁一口氣:“原來是場噩夢啊……” “哼白嘁!你這毒婦竟也來了?” 一聲冷哼從身側響起膘流,我...
    開封第一講書人閱讀 37,868評論 0 268
  • 序言:老撾萬榮一對情侶失蹤絮缅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后呼股,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耕魄,經...
    沈念sama閱讀 44,315評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,641評論 2 327
  • 正文 我和宋清朗相戀三年彭谁,在試婚紗的時候發(fā)現(xiàn)自己被綠了吸奴。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,773評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖则奥,靈堂內的尸體忽然破棺而出考润,到底是詐尸還是另有隱情,我是刑警寧澤读处,帶...
    沈念sama閱讀 34,470評論 4 333
  • 正文 年R本政府宣布糊治,位于F島的核電站,受9級特大地震影響罚舱,放射性物質發(fā)生泄漏井辜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,126評論 3 317
  • 文/蒙蒙 一馆匿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧燥滑,春花似錦渐北、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,859評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至搀菩,卻和暖如春呕臂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背肪跋。 一陣腳步聲響...
    開封第一講書人閱讀 32,095評論 1 267
  • 我被黑心中介騙來泰國打工歧蒋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人州既。 一個月前我還...
    沈念sama閱讀 46,584評論 2 362
  • 正文 我出身青樓谜洽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親吴叶。 傳聞我的和親對象是個殘疾皇子阐虚,可洞房花燭夜當晚...
    茶點故事閱讀 43,676評論 2 351

推薦閱讀更多精彩內容