さまざまな拡張関数を使用して RecyclerView を構成し、次のアイテムを中央に表示して表示しました。
fun RecyclerView.pageSnap() = this.post {
if (this.onFlingListener == null) PagerSnapHelper().attachToRecyclerView(this)
}
fun RecyclerView.snapCenterWithMargin(left: Int, top: Int, right: Int, bottom: Int) {
val offsetItemDecoration = SnapCenterWithMargin(left, top, right, bottom)
this.addItemDecoration(offsetItemDecoration)
}
private class SnapCenterWithMargin(
private val left: Int,
private val top: Int,
private val right: Int,
private val bottom: Int
) : RecyclerView.ItemDecoration() {
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
view.measure(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)
val position = parent.getChildAdapterPosition(view)
val firstItem = 0
val lastItem = state.itemCount - 1
when (position) {
firstItem -> {
val firstPadding = (parent.width) / 2 - view.measuredWidth / 2
outRect.set(firstPadding, 0, 0, 0)
}
lastItem -> {
val lastPadding = (parent.width) / 2 - view.measuredWidth / 2
outRect.set(0, 0, lastPadding, 0)
}
else -> {
outRect.set(left, top, right, bottom)
}
}
}
}
問題は、ListAdapter アニメーションがこのアプローチではうまくいかないことです。次に、ViewPager2 に移動しようとしましたが、この動作を取得できません (次の画面を参照して、アイテムを中央に保持してください)。