Android棋子交互实现：检测点击选择与滑动移动的触摸监听方案

核心实现思路 #

通过Android原生的OnTouchListener接口，利用触摸事件的ACTION_DOWN、ACTION_MOVE、ACTION_UP三个核心状态，区分点击选中与滑动移动操作：

• 按下时记录坐标，判断是否命中棋子，标记选中状态
• 移动时若已选中棋子，实时计算偏移量并更新棋子位置
• 抬起时根据移动距离判断是点击（距离过小）还是滑动结束

具体代码实现 #

假设棋子是一个ImageView（或其他自定义View），以下是完整的触摸监听器实现：

// 全局变量记录触摸状态与阈值
private float downTouchX, downTouchY;
private boolean isPieceSelected = false;
// 点击/滑动判断阈值（根据屏幕密度适配为20dp）
private final int TOUCH_THRESHOLD = (int) (20 * getResources().getDisplayMetrics().density);

// 给棋子View绑定触摸监听器
ImageView chessPiece = findViewById(R.id.chess_piece);
chessPiece.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 记录按下时的绝对坐标
                downTouchX = event.getRawX();
                downTouchY = event.getRawY();
                // 标记棋子为选中状态，同时更新UI（比如高亮边框）
                isPieceSelected = true;
                v.setSelected(true);
                return true;

            case MotionEvent.ACTION_MOVE:
                if (isPieceSelected) {
                    // 计算本次移动的偏移量
                    float offsetX = event.getRawX() - downTouchX;
                    float offsetY = event.getRawY() - downTouchY;
                    // 更新棋子位置（使用layout方法实时移动）
                    v.layout(
                            (int) (v.getLeft() + offsetX),
                            (int) (v.getTop() + offsetY),
                            (int) (v.getRight() + offsetX),
                            (int) (v.getBottom() + offsetY)
                    );
                    // 更新按下坐标，确保后续移动计算准确
                    downTouchX = event.getRawX();
                    downTouchY = event.getRawY();
                }
                return true;

            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                if (isPieceSelected) {
                    // 计算触摸全程的移动距离
                    float totalOffsetX = event.getRawX() - downTouchX;
                    float totalOffsetY = event.getRawY() - downTouchY;
                    float moveDistance = (float) Math.sqrt(totalOffsetX * totalOffsetX + totalOffsetY * totalOffsetY);

                    if (moveDistance < TOUCH_THRESHOLD) {
                        // 移动距离过小，视为点击操作，切换选中状态
                        v.setSelected(!v.isSelected());
                    } else {
                        // 滑动结束，取消选中标记
                        v.setSelected(false);
                    }
                    isPieceSelected = false;
                }
                return true;

            default:
                return false;
        }
    }
});

关键注意事项 #

• 阈值适配：TOUCH_THRESHOLD通过屏幕密度转换为dp单位，避免在不同分辨率设备上判断逻辑失效
• 父布局拦截：如果棋子所在的父布局有滑动事件（如ScrollView），需要重写父布局的onInterceptTouchEvent方法，避免触摸事件被拦截
• 自定义绘制棋子：如果棋子是在Canvas上绘制的，ACTION_DOWN时需要手动判断触摸坐标是否落在棋子的绘制区域内（比如圆形棋子判断距离圆心的距离）
• 移动方式选择：除了layout方法，还可以通过修改LayoutParams的margin属性、使用属性动画等方式实现棋子移动，根据需求选择合适的方案

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