滑动删除RecyclerView：打造流畅易用Android应用

Android

2023-07-15 14:53:35

探索 Android 手势交互的奥秘

在 Android 开发中，无缝的交互对于打造出色的用户体验至关重要。自定义左滑删除的 RecyclerView 便是一个展示这一点的绝佳范例。它不仅演示了事件分发机制的巧妙运用，还揭示了手势识别的秘密。

掌控事件分发，掌握交互流畅性

事件分发是 Android 系统处理触摸事件的机制。它决定了触摸事件的传递顺序，进而影响交互的流畅性。通过拦截触摸事件，你可以控制事件的流向，从而实现更灵活的手势处理。

了解滑动方式，解锁交互新境界

滑动删除 RecyclerView 支持各种滑动方式，包括单指滑动、双指滑动等。每种方式都有其独特的应用场景，掌握它们可以显著提升应用的交互体验。

深入坐标系，探寻触摸事件的奥秘

坐标系是理解触摸事件的基础。通过坐标系，你可以确定触摸点的相对位置，从而做出相应的处理。了解坐标系的奥秘，可以更轻松地实现各种手势识别。

巧用 TouchSlop，消除误触烦恼

TouchSlop 是 Android 系统定义的一个常量，用于判断是否发生了误触。合理设置 TouchSlop 的值，可以有效消除误触，提升应用的可用性。

VelocityTracker，探寻速度与方向的秘密

VelocityTracker 是 Android 系统提供的类，用于追踪触摸事件的速度和方向。通过 VelocityTracker，你可以实现惯性滑动等高级手势识别。

GestureDetector，手势识别利器

GestureDetector 是 Android 系统提供的类，用于识别各种手势。它封装了手势识别的复杂逻辑，让开发者可以轻松实现各种手势识别功能。

实战左滑删除 RecyclerView，成就交互典范

左滑删除 RecyclerView 是手势交互的经典应用。通过结合事件分发、拦截、滑动方式、坐标系、TouchSlop、VelocityTracker 和 GestureDetector，你可以轻松实现流畅易用的左滑删除功能。

代码示例：实现左滑删除 RecyclerView

class SwipeToDeleteCallback(context: Context) : ItemTouchHelper.SimpleCallback(0, ItemTouchHelper.LEFT) {

    private val swipeBackground: ColorDrawable = ColorDrawable(ContextCompat.getColor(context, R.color.swipeBackground))
    private val deleteIcon: Drawable = ContextCompat.getDrawable(context, R.drawable.ic_delete_white_24dp)!!

    override fun onMove(recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder, target: RecyclerView.ViewHolder): Boolean {
        return false
    }

    override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
        val position = viewHolder.adapterPosition
        adapter.removeItem(position)
    }

    override fun onChildDraw(canvas: Canvas, recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder, dX: Float, dY: Float, actionState: Int, isCurrentlyActive: Boolean) {
        val itemView = viewHolder.itemView

        val backgroundCornerOffset = 20 // offset to make the background rounded corners overlap the card slightly

        if (dX > 0) { // Swiping to the right

            // Draw the swipe background
            swipeBackground.setBounds(itemView.left, itemView.top, dX.toInt() + backgroundCornerOffset, itemView.bottom)
            swipeBackground.draw(canvas)

            // Draw the delete icon
            val iconMargin = (itemView.height - deleteIcon.intrinsicHeight) / 2
            val iconTop = itemView.top + (itemView.height - deleteIcon.intrinsicHeight) / 2
            val iconLeft = itemView.left + iconMargin
            val iconRight = itemView.left + iconMargin + deleteIcon.intrinsicWidth
            deleteIcon.setBounds(iconLeft, iconTop, iconRight, iconTop + deleteIcon.intrinsicHeight)
            deleteIcon.draw(canvas)
        }

        super.onChildDraw(canvas, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive)
    }
}