在 WPF 中绘制数千个矩形

本文关键字:千个 WPF 绘制 | 更新日期: 2023-09-27 17:56:24

我需要画很多矩形(~50000)。目前我正在使用以下方法。

<ItemsControl ItemsSource="{Binding Elements}" IsHitTestVisible="False"  Background="Transparent">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas IsItemsHost="True"
                    Background="Transparent"
                    Width="500" 
                    Height="500">
            </Canvas>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Setter Property="Canvas.Left" Value="{Binding X}"/>
            <Setter Property="Canvas.Bottom" Value="{Binding Y}"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    <ItemsControl.ItemTemplate>
        <DataTemplate DataType="{x:Type models:Element}">
            <Rectangle Width  = "{Binding Width}"
                       Height = "{Binding Height}"
                       Fill= "{Binding Brush}"
                       SnapsToDevicePixels="True" >
            </Rectangle>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

问题是绘制这么多的矩形需要很长时间。有没有更好的方法来绘制大量形状?

在 WPF 中绘制数千个矩形

Wpf 的渲染引擎效率非常低,即使没有绑定开销,50000 个形状对它来说也太多了。

简要了解此文档:WPF 呈现系统

相反,请考虑使用绘图 API,例如 Direct2D,该 API 可从 WPF 访问:使用 WPF 的 Direct2D