RecyclerView ViewHolder中对角分割按钮点击冲突问题求助

1. 自定义组合View，重写触摸事件判断区域 #

创建继承自FrameLayout的自定义View，在onTouchEvent中根据点击坐标区分三角区域，触发对应回调：

• 计算布局对角线的直线方程，根据点击点(x,y)与对角线的位置关系，判断属于删除/编辑区域
• 在RecyclerView的ViewHolder中直接使用该自定义View，绑定对应点击逻辑，适配任意位置的Item

示例代码思路：

class SplitActionView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    private var onDeleteClick: (() -> Unit)? = null
    private var onEditClick: (() -> Unit)? = null

    override fun onTouchEvent(event: MotionEvent): Boolean {
        if (event.action == MotionEvent.ACTION_UP) {
            val width = width.toFloat()
            val height = height.toFloat()
            // 根据你的三角形状调整判断逻辑：此处以从左上到右下的对角线为例
            val isDeleteArea = event.y > (height / width) * event.x
            if (isDeleteArea) {
                onDeleteClick?.invoke()
            } else {
                onEditClick?.invoke()
            }
            return true
        }
        return super.onTouchEvent(event)
    }

    fun setOnDeleteClickListener(listener: () -> Unit) {
        onDeleteClick = listener
    }

    fun setOnEditClickListener(listener: () -> Unit) {
        onEditClick = listener
    }
}

布局中替换原FrameLayout为该自定义View，内部保留两个ImageView用于显示图标和背景即可。

2. 上层View点击事件中分发逻辑 #

无需自定义View，直接给上层的admin_edit设置点击事件，通过坐标判断触发对应操作：

• 在ViewHolder中，给admin_edit绑定点击监听，获取点击坐标后判断所属区域
• 若属于删除区域，调用admin_del的点击逻辑；否则执行编辑逻辑

示例代码：

admin_edit.setOnClickListener { v ->
    val width = v.width.toFloat()
    val height = v.height.toFloat()
    val clickX = v.width - (v.width - event.x) // 适配布局坐标
    val clickY = v.height - (v.height - event.y)
    // 根据三角形状调整判断条件
    val isDeleteArea = clickY > (height / width) * clickX
    if (isDeleteArea) {
        admin_del.callOnClick()
    } else {
        // 执行编辑逻辑
    }
}
admin_del.isClickable = false // 避免重复触发

3. 精确布局分割点击区域 #

使用ConstraintLayout将两个ImageView的点击区域限制在各自三角范围内：

• 给两个ImageView设置匹配三角区域的布局约束，让它们的点击范围与视觉形状完全重合
• 无需处理坐标判断，直接给每个ImageView绑定独立的点击事件

示例布局：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:layout_gravity="end">

    <ImageView
        android:id="@+id/admin_del"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:background="@drawable/right_triangle"
        android:src="@drawable/baseline_delete_forever_24"
        android:paddingStart="55dp"
        android:paddingTop="35dp"/>

    <ImageView
        android:id="@+id/admin_edit"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:background="@drawable/left_triangle"
        android:src="@drawable/baseline_edit_calendar_24"
        android:paddingEnd="55dp"
        android:paddingBottom="35dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

需微调ShapeDrawable的path或布局约束，确保视觉上无缝隙。

内容的提问来源于stack exchange，提问作者Noob tv