android如何實現一個吸頂Item

這篇文章主要為大家展示了“android如何實現一個吸頂Item”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“android如何實現一個吸頂Item”這篇文章吧。

效果圖

一般的對于上圖樣式的Sticker我們使用CoordinatorLayout & AppBarLayout就可以說實現。

但是對于下面這種呢？

我的實現思路

首先整個頁面的UI結構是通過RecyclerView實現的。

對于上面這個Sticker的實現是在布局的最上方添加了一個和RecyclerView中要吸頂的Item一模一樣的布局。然后監聽RecyclerView的滾動:

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中的數據的位置。上面的邏輯寫的其實比較復雜，不過確實實現了需求(-_-), 我解釋一下:

即我判斷Sticker是否出現依賴于itemView.top和Sticker的前一個itemview:

1. 如果當前的Sticker的 itemview顯示在RecyclerView中，則根據它itemView.top來判斷它是否滾動到了頂部

2. 如果它的前一個itemview已經不在RecyclerView中了(被回收了),那說明它肯定滾出去了，這時直接顯示

上面的邏輯很奇怪，不過確實實現了吸頂的需求。

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

更簡單通用的方法

最后靈機一動，對于StickerItemView的顯示我完全可以不依賴于前面這個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
  }
 }
})

上面這段代碼很輕松的修復了bug。并且它的邏輯很簡單，也很通用:

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

效果:

上面這種實現僅適用UI結構是RecyclerView的情況

以上是“android如何實現一個吸頂Item”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！