WPF中批量构造UserControl性能极差问题的优化求助

首先得明确：直接将UserControl实例集合绑定到ListBox确实是WPF中的典型误区，这完全违背了WPF基于数据驱动UI的设计理念，也是你性能问题的核心根源。

为什么你的实现性能差？ #

WPF的ItemsControl（包括ListBox）设计初衷是展示数据项，而非提前创建好的UI元素集合。你现在的做法是一次性初始化2000个UserControl实例——不管这些控件是否在可视区域内，都会被完整创建、加载样式和布局，这会瞬间吃掉大量内存和CPU资源。哪怕你开了虚拟化，也无法生效，因为虚拟化的作用是避免创建非可视区域的UI元素，而你已经把所有UI对象都提前实例化了。

正确的实现方式：数据模型 + 数据模板 #

我们需要切换到WPF的标准工作流：定义数据模型类，用DataTemplate描述UI布局，让ListBox自动根据数据渲染UI，同时利用虚拟化只创建可视区域内的控件。

步骤1：创建数据模型类

先把原来UserControl中的数据逻辑抽离成独立的模型类（如果需要后续修改属性，记得实现INotifyPropertyChanged）：

public class GlyphItem
{
    public int OrgIndex { get; }

    public string Hex => "U+" + OrgIndex.ToString("X4");
    public string IndexText => OrgIndex.ToString();
    public string Glyph => ((char)OrgIndex).ToString();

    public GlyphItem(int index)
    {
        OrgIndex = index;
    }
}

步骤2：修改集合类型

把原来的ObservableCollection<MyUserControl>替换成数据模型的集合：

public static ObservableCollection<GlyphItem> GlyphCollection { get; set; } = new ObservableCollection<GlyphItem>();

// 填充数据
for (int i = 0; i < 2000; i++)
{
    GlyphCollection.Add(new GlyphItem(i + 33));
}

步骤3：用DataTemplate替代UserControl

在ListBox中定义ItemTemplate，把原来UserControl的UI布局直接放进去，让WPF自动为每个数据项渲染对应的UI：

<Grid Background="WhiteSmoke">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>

    <!-- 原字符串列表 -->
    <ListBox Margin="10" ItemsSource="{Binding MyCollection}"></ListBox>

    <!-- 优化后的字形列表 -->
    <ListBox Margin="10" Grid.Row="1" 
             ItemsSource="{Binding GlyphCollection}"
             VirtualizingPanel.IsVirtualizing="True"
             VirtualizingPanel.VirtualizationMode="Recycling">
        <ListBox.ItemTemplate>
            <DataTemplate DataType="{x:Type local:GlyphItem}">
                <Border Style="{StaticResource BorderMouseOver}">
                    <Grid Margin="5">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="2*"></RowDefinition>
                            <RowDefinition></RowDefinition>
                            <RowDefinition></RowDefinition>
                        </Grid.RowDefinitions>
                        <TextBlock HorizontalAlignment="Center" Foreground="White" FontSize="40" Text="{Binding Glyph}"/>
                        <TextBlock HorizontalAlignment="Center" Foreground="OrangeRed" Text="{Binding IndexText}" Grid.Row="1"/>
                        <TextBlock HorizontalAlignment="Center" Foreground="White" Text="{Binding Hex}" Grid.Row="2"/>
                    </Grid>
                </Border>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

步骤4：调整样式的绑定目标

原来的样式触发逻辑需要修改为针对ListBoxItem的鼠标状态（因为现在没有了UserControl作为祖先）：

<Window.Resources>
    <Style TargetType="{x:Type Border}" x:Key="BorderMouseOver">
        <Setter Property="Background" Value="Black" />
        <Setter Property="BorderBrush" Value="Orange"/>
        <Setter Property="MinWidth" Value="80"/>
        <Setter Property="MinHeight" Value="80"/>
        <Setter Property="BorderThickness" Value="2" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=ListBoxItem}}" Value="True">
                <Setter Property="Background" Value="#FF2A3137" />
                <Setter Property="BorderBrush" Value="#FF739922"></Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

为什么这样性能会大幅提升？ #

1. 虚拟化真正生效：ListBox只会创建当前可视区域内的UI元素（通常20-30个），滚动时会回收复用这些控件，只更新绑定的数据，而不是重新创建整个控件实例。
2. 避免提前初始化开销：不再一次性创建2000个UI控件，内存占用和初始化时间会骤降——你会发现初始化耗时从1900ms降到几毫秒级别。
3. 符合WPF设计模式：数据和UI分离，后续修改样式或数据逻辑都会更灵活。

额外优化建议 #

• 不要给ListBox设置ScrollViewer.CanContentScroll="False"，否则虚拟化会失效。
• 如果数据量超过5000，可考虑启用VirtualizingPanel.ScrollUnit="Pixel"（默认是Item），提升滚动流畅度。
• 若需要复杂交互，可在DataTemplate中绑定命令或添加事件处理，避免回到代码隐藏的老路子。

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