自定义DrawingVisual对象UIElement的鼠标点击事件触发问题

你的问题主要出在两个核心点：VisualHost没有正确定义布局边界，以及命中测试无法关联到Visual的实际绘制区域。下面是具体的修复方案和详细解释：

关键问题分析 #

• VisualHost的布局缺失：你继承了UIElement但没有重写布局相关的方法，导致VisualHost的实际占用区域是(0,0)——哪怕你在DrawingVisual里画了矩形，点击时鼠标事件根本不会触发到VisualHost上。
• 命中测试的关联断层：虽然你绘制了矩形，但由于VisualHost没有匹配的大小，系统无法将点击操作和你的Visual对象关联起来。

修复后的完整代码 #

调整VisualHost类 #

public class VisualHost : UIElement 
{ 
    public Visual myVisual { get; set; } 

    public VisualHost() 
    { 
        Visibility = Visibility.Visible; 
        IsHitTestVisible = true; 
        MouseLeftButtonUp += MyVisualHost_MouseLeftButtonUp; 
    } 

    protected override int VisualChildrenCount 
    { 
        get { return myVisual != null ? 1 : 0; } 
    } 

    protected override Visual GetVisualChild(int index) 
    { 
        return myVisual; 
    } 

    // 重写测量方法，匹配DrawingVisual的内容大小
    protected override Size MeasureOverride(Size availableSize)
    {
        if (myVisual is DrawingVisual dv)
        {
            Rect contentBounds = dv.ContentBounds;
            return new Size(contentBounds.Width, contentBounds.Height);
        }
        return base.MeasureOverride(availableSize);
    }

    // 重写排列方法，确保Visual被正确布局
    protected override Size ArrangeOverride(Size finalSize)
    {
        if (myVisual is DrawingVisual dv)
        {
            Rect contentBounds = dv.ContentBounds;
            dv.Arrange(new Rect(0, 0, contentBounds.Width, contentBounds.Height));
        }
        return finalSize;
    }

    private void MyVisualHost_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 
    { 
        MessageBox.Show("You clicked a drawing-Visual"); 
    } 
} 

优化AddMyVisualObject方法 #

private void AddMyVisualObject() 
{ 
    GeometryDrawing myRectDrawing = new GeometryDrawing(Brushes.Yellow, new Pen(Brushes.White, 1.5), new RectangleGeometry(new Rect(0, 0, 200, 100))); 
    DrawingVisual myDV = new DrawingVisual(); 
    // 显式开启命中测试（默认值为true，显式设置更保险）
    myDV.IsHitTestVisible = true;
    
    // 使用using自动管理DrawingContext资源，替代手动Close
    using (DrawingContext myDC = myDV.RenderOpen()) 
    { 
        myDC.DrawDrawing(myRectDrawing); 
    } 

    VisualHost myVH = new VisualHost { myVisual = myDV }; 
    // 可选：设置Visual在Canvas中的位置
    Canvas.SetLeft(myVH, 50);
    Canvas.SetTop(myVH, 50);
    
    myDrawingCanvas.Children.Add(myVH); 
} 

修复逻辑说明 #

1. 重写布局方法：MeasureOverride和ArrangeOverride是WPF布局系统的核心方法，重写后让VisualHost能根据DrawingVisual的内容大小确定自身的布局区域，这样点击黄色矩形时，鼠标事件能正确传递到VisualHost。
2. 资源管理优化：用using语句管理DrawingContext，避免手动调用Close()可能出现的资源泄漏问题。
3. 显式命中测试设置：虽然DrawingVisual默认IsHitTestVisible为true，但显式设置可以规避一些场景下的命中测试失效问题。

这样修改后，点击你绘制的黄色矩形就能正常触发MouseLeftButtonUp事件了。

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