WPF全屏窗口背景全黑问题：需实现带黑框的白色画布

核心问题 #

你的代码显示全黑，主要是三个关键错误：

1. Canvas未完成布局就被渲染：用RenderTargetBitmap渲染Canvas前，没执行Measure和Arrange流程，导致Canvas及其子元素没被正确布局，渲染出的位图是空的（表现为全黑）。
2. Canvas子元素定位错误：在Canvas容器中，Margin无法用来定位子元素，必须用Canvas.SetLeft/Canvas.SetTop才能让元素显示在目标位置。
3. 冗余的位图转换流程：完全没必要通过RenderTargetBitmap转ImageBrush设置窗口背景，直接将Canvas作为窗口的Content才是WPF的常规做法，既高效又能避免渲染问题。

修正后的代码 #

private void Button_Click(object sender, RoutedEventArgs e)
{
    double screenWidth = SystemParameters.FullPrimaryScreenWidth;
    double screenHeight = SystemParameters.FullPrimaryScreenHeight;

    // 创建全屏窗口
    Window window = new Window
    {
        WindowStyle = WindowStyle.None,
        WindowState = WindowState.Maximized,
        Background = Brushes.White
    };
    window.MouseMove += window_MouseMove;

    // 计算边框参数：距离边缘25%，边框占屏幕中间50%区域
    double frameLeft = screenWidth * 0.25;
    double frameTop = screenHeight * 0.25;
    double frameWidth = screenWidth * 0.5;
    double frameHeight = screenHeight * 0.5;

    // 创建Canvas容器
    Canvas canvas = new Canvas
    {
        Width = screenWidth,
        Height = screenHeight,
        Background = Brushes.White
    };

    // 创建黑色边框矩形
    var borderRect = new System.Windows.Shapes.Rectangle
    {
        Width = frameWidth,
        Height = frameHeight,
        Stroke = Brushes.Black,
        StrokeThickness = 3
    };
    // Canvas中正确的子元素定位方式
    Canvas.SetLeft(borderRect, frameLeft);
    Canvas.SetTop(borderRect, frameTop);

    canvas.Children.Add(borderRect);

    // 直接将Canvas设为窗口内容，自动完成布局流程
    window.Content = canvas;

    window.ShowDialog();
}

private void window_MouseMove(object sender, MouseEventArgs e)
{
    Point mousePosition = e.GetPosition((IInputElement)sender);
    Console.WriteLine($"MousePosition = {mousePosition}");
}

关键修正说明 #

• 移除冗余渲染流程：直接将Canvas作为Window的Content，Window会自动触发Canvas的Measure和Arrange流程，确保UI元素正确渲染显示。
• 修正定位逻辑：替换Margin为Canvas.SetLeft/Canvas.SetTop，这是Canvas容器中唯一有效的子元素定位方式。
• 修正尺寸计算：原代码的边框尺寸计算错误，现在的逻辑保证边框距离屏幕上下左右边缘各25%，符合需求。

若坚持使用RenderTargetBitmap（特殊场景） #

如果因特殊需求必须保留位图渲染流程，需要在渲染前手动触发Canvas的布局：

// 在bitmap.Render(canvas)之前添加以下两行：
canvas.Measure(new Size(screenWidth, screenHeight));
canvas.Arrange(new Rect(0, 0, screenWidth, screenHeight));

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