如何修改MyLine类的IsAT方法实现鼠标点击选中线段功能

原有代码问题 #

你之前写的IsAT方法判断逻辑是固定的坐标范围条件，仅能匹配特定方向的矩形区域，完全不符合线段点击判断的逻辑，因此无法正确识别点击是否落在线段上。

实现思路 #

线段点击判断需要考虑操作容错性和几何正确性两个核心点：

• 设定容错阈值（一般取2~5像素），允许鼠标点击点和线段有微小偏移
• 用向量计算完成两个判断：
  1. 点击点到线段所在直线的垂直距离小于容错阈值
  2. 点击点在直线上的投影落在线段的两个端点之间，避免把线段延长线也判定为选中
• 兼容线段退化为点的特殊情况，避免除以0报错

修正后完整代码 #

public class MyLine : Shape
{
    private float _endY, _endX;
    // 点击容错阈值，单位像素，可根据需求调整大小
    private const float ClickTolerance = 3f;
    
    public MyLine() : this(Color.Orange, 0 , 0, 0, 0)
    {

    }

    public MyLine(Color clr, float starX, float starY, float endX, float endY ) : base(clr)
    {
        X = starX;
        Y = starY;
        this.endX = endX;
        this.endY = endY;
    }

    public float endX
    {
        get { return _endX; }
        set { _endX = value; }
    }

    public float endY
    {
        get { return _endY; }
        set { _endY = value; }
    }
  
    public override bool IsAT(Point2D pt)
    {
        // 线段两个端点 A(X,Y)，B(endX, endY)，点击点P(pt.X, pt.Y)
        float ax = X, ay = Y;
        float bx = endX, by = endY;
        float px = pt.X, py = pt.Y;

        // 计算AB向量
        float abX = bx - ax;
        float abY = by - ay;
        // 计算AP向量
        float apX = px - ax;
        float apY = py - ay;

        // 处理线段退化为点的情况
        if (abX == 0 && abY == 0)
        {
            float distSq = apX * apX + apY * apY;
            return distSq <= ClickTolerance * ClickTolerance;
        }

        // 计算点积，判断投影是否在线段范围内
        float dot = apX * abX + apY * abY;
        if (dot < 0 || dot > abX * abX + abY * abY)
        {
            return false;
        }

        // 计算叉乘绝对值，得到平行四边形面积，除以AB长度就是点到直线的距离
        float cross = MathF.Abs(apX * abY - apY * abX);
        float distance = cross / MathF.Sqrt(abX * abX + abY * abY);

        return distance <= ClickTolerance;
    }
}

参数调整说明 #

如果觉得线段太难选中，可以调大ClickTolerance常量的数值，数值越大选中范围越宽。

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