WPF屏幕内容放大控件校准问题：光标下方内容无法精准显示

问题根源 #

你当前的公式未正确映射鼠标坐标到VisualBrush的相对坐标空间，且未明确指定放大源，导致校准偏差。以下是针对性优化方案：

1. 修正XAML配置 #

先确保VisualBrush指定要放大的目标视觉元素，同时调整Stretch模式避免内容变形：

<Border Name="MagBorder" Width="175" Height="100" BorderBrush="Black" BorderThickness="1">
    <Border.RenderTransform>
        <TranslateTransform x:Name="MagTransform" />
    </Border.RenderTransform>
    <Border.Background>
        <VisualBrush x:Name="MagBrush" Stretch="None" Visual="{Binding ElementName=TargetVisual}">
            <VisualBrush.RelativeTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="10" ScaleY="10" />
                    <TranslateTransform x:Name="MagContentTransform" />
                </TransformGroup>
            </VisualBrush.RelativeTransform>
        </VisualBrush>
    </Border.Background>
</Border>

注：将TargetVisual替换为你实际要放大的UI元素名称（比如窗口的Content控件）

2. 优化校准公式 #

在MouseMove事件中，按以下逻辑计算偏移量，确保光标下方内容精准显示在放大镜中心：

private void OnMouseMove(object sender, MouseEventArgs e)
{
    const double ScaleFactor = 10;
    var targetVisual = TargetVisual; // 替换为你的目标视觉元素

    // 获取鼠标相对于目标视觉的坐标
    Point mouseRelativeToTarget = e.GetPosition(targetVisual);

    // 计算鼠标在目标视觉中的相对位置（0~1范围）
    double xRelative = mouseRelativeToTarget.X / targetVisual.ActualWidth;
    double yRelative = mouseRelativeToTarget.Y / targetVisual.ActualHeight;

    // 计算平移偏移，让鼠标位置对应放大镜中心
    MagContentTransform.X = 0.5 - (xRelative * ScaleFactor);
    MagContentTransform.Y = 0.5 - (yRelative * ScaleFactor);

    // 调整放大镜自身位置（避免遮挡鼠标）
    Point mouseRelativeToWindow = e.GetPosition(this);
    MagTransform.X = mouseRelativeToWindow.X + 15;
    MagTransform.Y = mouseRelativeToWindow.Y + 15;
}

3. 额外注意事项 #

• 若需放大整个屏幕内容，VisualBrush无法捕获应用外区域，需改用Graphics.CopyFromScreen截取屏幕像素，再在Image控件中放大显示，校准逻辑类似：基于鼠标屏幕坐标截取周围区域后放大。
• 若目标视觉元素尺寸动态变化，需监听SizeChanged事件重新计算偏移。

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