一般的對(duì)于上圖樣式的Sticker我們使用CoordinatorLayout & AppBarLayout就可以說實(shí)現(xiàn)。

但是對(duì)于下面這種呢？

我的實(shí)現(xiàn)思路

首先整個(gè)頁(yè)面的UI結(jié)構(gòu)是通過RecyclerView實(shí)現(xiàn)的。

對(duì)于上面這個(gè)Sticker的實(shí)現(xiàn)是在布局的最上方添加了一個(gè)和RecyclerView中要吸頂?shù)腎tem一模一樣的布局。然后監(jiān)聽RecyclerView的滾動(dòng):

mPostDetailRv.addOnScrollListener(object : RecyclerView.OnScrollListener() {
 override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
  if (pageStatus == null || pageStatus.stickerPos == -1) return

  val preHolder = recyclerView.findViewHolderForAdapterPosition(pageStatus!!.stickerPos - 1)
  val targetHolder = recyclerView.findViewHolderForAdapterPosition(pageStatus!!.stickerPos)

  var offset = if (targetHolder != null) { //滾出去了
   -targetHolder.itemView.top
  }else{
   0
  }

  if (preHolder != null) {
   offset = -1 
  }

  if (offset < 0) {
   mPostDetailCommentHeaderSticker.visibility = View.GONE
  } else {
   mPostDetailCommentHeaderSticker.visibility = View.VISIBLE
  }
 }
}

上面pageStatus.stickerPos是Sticker在RecyclerView中的數(shù)據(jù)的位置。上面的邏輯寫的其實(shí)比較復(fù)雜，不過確實(shí)實(shí)現(xiàn)了需求(-_-), 我解釋一下:

即我判斷Sticker是否出現(xiàn)依賴于itemView.top和Sticker的前一個(gè)itemview:

1. 如果當(dāng)前的Sticker的 itemview顯示在RecyclerView中，則根據(jù)它itemView.top來判斷它是否滾動(dòng)到了頂部
2. 如果它的前一個(gè)itemview已經(jīng)不在RecyclerView中了(被回收了),那說明它肯定滾出去了，這時(shí)直接顯示

上面的邏輯很奇怪，不過確實(shí)實(shí)現(xiàn)了吸頂?shù)男枨蟆?br />

不過在后面的需求迭代中Sticker ItemView的前一個(gè)ItemView會(huì)不斷變化，于是上面這段代碼就出現(xiàn)了bug。。。。 那怎么解決呢？

更簡(jiǎn)單通用的方法

最后靈機(jī)一動(dòng)，對(duì)于StickerItemView的顯示我完全可以不依賴于前面這個(gè)ItemView:

mPostDetailRv.addOnScrollListener(object : RecyclerView.OnScrollListener() {
 override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
  val currentDataPos = recyclerView.getChildAdapterPosition(recyclerView.getChildAt(0))

  if (pageStatus != null && currentDataPos < pageStatus.stickerPos) {
   mPostDetailCommentHeaderSticker.visibility = View.GONE
  } else {
   mPostDetailCommentHeaderSticker.visibility = View.VISIBLE
  }
 }
})

上面這段代碼很輕松的修復(fù)了bug。并且它的邏輯很簡(jiǎn)單，也很通用:

判斷當(dāng)前RecyclerView顯示的第一個(gè)條目的位置是否大于StickerItem的位置，如果大于就展示吸頂Sticker

效果:

上面這種實(shí)現(xiàn)僅適用UI結(jié)構(gòu)是RecyclerView的情況

PASS : 如果你就是這么做的，請(qǐng)無視我(-_-)

更多小分享 : AdvancedAndroid

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。