Xamarin.iOS单指在UIImageView上绘图功能异常求助

我来帮你搞定这个UIImageView的单指绘图问题！你遇到的双指才能触发和绘图定位错误，主要是两个核心问题：UIImageView默认关闭了用户交互，以及触摸坐标到图片坐标系的转换没处理好，还有绘图上下文的设置有误。咱们一步步修正：

问题根源分析 #

1. 双指触发问题：UIImageView默认UserInteractionEnabled = false，这会导致单指触摸事件无法被捕获，双指可能是因为系统的其他手势（比如缩放）被触发了，所以首先要开启用户交互。
2. 定位偏移问题：触摸点的坐标是相对于UIImageView的，而你直接用图片尺寸创建上下文，没有考虑UIImageView的缩放、ContentMode，加上CoreGraphics的坐标系和UIKit是上下颠倒的，所以绘图位置会错。

修正后的完整代码 #

public partial class DetailImageView : UIImageView
{
    DetailImageViewController ctrl;
    CGPoint _lastTouchPoint; // 记录上一个触摸点，用于绘制连续线条
    bool _isDrawing; // 标记是否正在绘图

    public DetailImageView(IntPtr handle) : base(handle)
    {
        // 开启用户交互，这是单指触摸能触发的关键！
        UserInteractionEnabled = true;
    }

    public void Initialize(DetailImageViewController rootController)
    {
        ctrl = rootController;
    }

    public override void TouchesBegan(NSSet touches, UIEvent evt)
    {
        base.TouchesBegan(touches, evt);
        var touch = touches.AnyObject as UITouch;
        if (touch == null) return;

        // 获取转换后的图片坐标系触摸点
        _lastTouchPoint = ConvertTouchPointToImageCoordinates(touch);
        _isDrawing = true;
    }

    public override void TouchesMoved(NSSet touches, UIEvent evt)
    {
        base.TouchesMoved(touches, evt);
        if (!_isDrawing) return;

        var touch = touches.AnyObject as UITouch;
        if (touch == null) return;

        var currentTouchPoint = ConvertTouchPointToImageCoordinates(touch);
        DrawLineBetweenPoints(_lastTouchPoint, currentTouchPoint);
        _lastTouchPoint = currentTouchPoint;
    }

    public override void TouchesEnded(NSSet touches, UIEvent evt)
    {
        base.TouchesEnded(touches, evt);
        _isDrawing = false;
    }

    // 将UIImageView坐标系的触摸点转换为图片实际坐标系的点
    private CGPoint ConvertTouchPointToImageCoordinates(UITouch touch)
    {
        var touchPoint = touch.LocationInView(this);
        
        // 计算图片在UIImageView中的缩放比例和偏移量，适配ContentMode
        var imageSize = Image?.Size ?? Frame.Size;
        var viewSize = Frame.Size;
        
        float scaleX = viewSize.Width / imageSize.Width;
        float scaleY = viewSize.Height / imageSize.Height;
        float actualScale = Math.Min(scaleX, scaleY); // 保持图片比例的缩放因子

        // 计算图片在View中的偏移量（居中显示的情况）
        float offsetX = (viewSize.Width - imageSize.Width * actualScale) / 2;
        float offsetY = (viewSize.Height - imageSize.Height * actualScale) / 2;

        // 转换到图片坐标系，同时翻转Y轴（因为CoreGraphics坐标系是上下颠倒的）
        var convertedX = (touchPoint.X - offsetX) / actualScale;
        var convertedY = imageSize.Height - (touchPoint.Y - offsetY) / actualScale;

        return new CGPoint(convertedX, convertedY);
    }

    // 在图片上绘制线条
    private void DrawLineBetweenPoints(CGPoint startPoint, CGPoint endPoint)
    {
        if (Image == null) return;

        // 使用BeginImageContextWithOptions支持Retina屏幕，避免模糊
        UIGraphics.BeginImageContextWithOptions(Image.Size, false, UIScreen.MainScreen.Scale);
        
        using (var context = UIGraphics.GetCurrentContext())
        {
            // 先把原始图片画到上下文里
            Image.Draw(CGRect.FromLTRB(0, 0, Image.Size.Width, Image.Size.Height));

            // 设置绘图参数：线条宽度、颜色
            context.SetLineWidth(5);
            context.SetStrokeColor(UIColor.Red.CGColor);
            context.SetLineCap(CGLineCap.Round); // 圆角线条端点

            // 绘制线条
            context.BeginPath();
            context.MoveTo(startPoint);
            context.AddLineTo(endPoint);
            context.StrokePath();

            // 将上下文转换为新的UIImage，赋值给ImageView
            Image = UIGraphics.GetImageFromCurrentImageContext();
            UIGraphics.EndImageContext();
        }
    }
}

关键修正点说明 #

• 开启用户交互：在构造函数里设置UserInteractionEnabled = true，这是让单指触摸事件能被捕获的核心，之前双指触发大概率是因为单指事件被忽略了。
• 坐标转换：ConvertTouchPointToImageCoordinates方法处理了UIImageView的缩放和偏移，把触摸点准确转换到图片的实际坐标系，同时翻转Y轴适配CoreGraphics的坐标系。
• 连续线条绘制：用_lastTouchPoint记录上一个触摸点，在TouchesMoved里绘制连续线条，而不是每次都重新画整个图片。
• Retina适配：用UIGraphics.BeginImageContextWithOptions代替BeginImageContext，保证绘图不会模糊。

这样修改后，你应该就能实现单指正常绘图，而且定位完全准确了！

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