如何在 WPF 中的窗口上绘图（最佳实践）？

Question

我正在尝试编写一个类似小型交互式游戏的应用程序，其中我需要一个在屏幕上绘制的 Draw 方法，但无法弄清楚如何构建 WPF 的方法。

如果这是 Winforms，我可以使用：

public void Draw (Graphics g)
{

}

但是对于 WPF 窗口，我应该在 xaml 中添加什么（目前只有一个 Grid >)，这个 Draw 方法应该接收什么作为参数？

首先我想这样做以使其正常工作，然后我可以考虑如何使其更加 WPF 等。但现在我更感兴趣的是让它正常工作。

Answer 1

通常，您在 WPF 中以完全不同的方式“绘制”。

在Windows Forms/GDI中，图形API是立即模式图形API。每次窗口刷新/失效时，您都可以使用 Graphics 显式绘制内容。

然而，在 WPF 中，事情的工作方式有所不同。您很少直接绘制 - 相反，它是保留模式图形 API。您告诉 WPF 您想要对象的位置，它会为您处理绘图。

最好的思考方式是，在 Windows 窗体中，您会说“从 X1 到 Y1 画一条线。然后从 X2 到 Y2 画一条线。然后...”。由于屏幕无效，每次需要“重画”时都需要重复此操作。

相反，在 WPF 中，您可以说“我想要一条从 X1 到 Y1 的线。我想要一条从 X2 到 Y2 的线。”然后，WPF 决定何时以及如何为您绘制它。

这是通过将形状放置在画布上，然后让 WPF 完成所有艰苦的工作来完成的。

Answer 2

当需要快速绘制的对象太多（巨大的可视化树）时，另一种选择是使用 WriteableBitmap。只需使用 Pixels 属性设置像素和/或使用 Render 方法绘制 UIElements。

Answer 3

我更喜欢使用 OnRender 方法，如下例所示：

protected override void OnRender(DrawingContext drawingContext)
{
    base.OnRender(drawingContext);
     drawingContext.DrawRectangle(null, new Pen(Brushes.Black, 2), new Rect(0, 0, ActualWidth, Height));
}

Answer 4

要在 WPF 中实现 Draw 循环类型行为，您可以使用 CompositionTarget.Rendering 事件。当 WPF 绘图系统绘制帧时，每帧都会引发一次。

正如其他人指出的那样，这对 WPF 不太友好，但它可以工作，并且可用于从 WPF 应用程序中获得更直接的绘图行为。

在大多数情况下，您将使用单个根画布并更新 CompositionTarget.Rendering 事件上元素的画布位置。

例如，要使椭圆飞过屏幕，请执行以下操作：

在您的 XAML 中（对于大小为 640 x 480 的窗口）：

<Canvas x:Name="theCanvas">
    <Ellipse x:Name="theEllipse" Height="10" Width="10" Fill="Black" />     
</Canvas>

在上述 XAML 所在窗口的代码隐藏中（确保添加引用到 System.Windows.Media 以便查看 CompsitionTarget 对象：

    public static Random rand = new Random();
    public View()
    {
        InitializeComponent();
        CompositionTarget.Rendering += CompositionTarget_Rendering;
    }

    void CompositionTarget_Rendering(object sender, System.EventArgs e)
    {
        double newLeft = rand.Next(0, 640);
        double newTop = rand.Next(0, 480);

        theEllipse.SetValue(Canvas.LeftProperty,newLeft);
        theEllipse.SetValue(Canvas.TopProperty, newTop);
    }

Answer 5

您应该添加一个画布（或更改画布的网格），然后在其上绘图。 这是 Microsoft 关于在画布上绘图的内容

另外，我不不知道这个其他问题与您的问题有什么关系，但您可能想检查一下出去。