WPF - UserControls非常慢

Question

我正在设计类似于PropertyGrid的东西，我想在其中显示对象的属性。 出于特殊原因，我不打算使用PropertyGrid，而是创建自己的。

对于每个属性，我创建了一个自定义用户控件。 令我恐惧的是，表现非常糟糕。 如果我有100个属性，则需要500毫秒才能在StackPanel / Listbox中显示它们。

我做了一个实验，在那里我向StackPanel添加了200个默认UserControl。 花了大约50毫秒。 我认为仍然是一个非常高的数字。

我不应该将usercontrol用于此目的吗？ 这样做似乎非常面向对象，我无法真正看到另一种解决方案。

但是我可以看到PropertyGrid和TreeView表现良好，所以他们做了什么，我该怎么办？

编辑：

        Stopwatch stopwatch = new Stopwatch();
        stopwatch.Start();
        using (var suspend = Dispatcher.DisableProcessing())
        {
            // Add all children here
            for (int i = 0; i < 200; i++)
            {
                this.propertiesStackPanel.Children.Add(new System.Windows.Controls.Button(){Content = "Testing"});
            }
        }
        stopwatch.Stop();

这仍然需要大约50毫秒。 如果我更改为我自己的自定义用户控件，它会更高。 我可能会补充说滚动不是问题。

EDIT2：

好。 它与stackpanel无关。 我发现这是因为创建UserControls是一项非常昂贵的操作。 如果您对我该做什么有任何其他想法，我很乐意听到他们:)

Edit3：除了InitializeComponent方法之外，我的usercontrol的构造函数中没有任何内容。 这是我正在添加的用户控件的示例。

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Class="PropertyBox.GroupUC"
x:Name="UserControl"
d:DesignWidth="640" d:DesignHeight="480" Background="#FF32B595" BorderThickness="0">

<Grid x:Name="LayoutRoot">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="20px"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Border x:Name="border" BorderThickness="0,1" Grid.Column="1">
        <TextBox Text="TextBox" TextWrapping="Wrap" VerticalAlignment="Center" HorizontalAlignment="Right" BorderThickness="0" Padding="0" Visibility="Hidden"/>
    </Border>
    <Label x:Name="groupNameLabel" HorizontalAlignment="Left" Margin="5,0,0,0" VerticalAlignment="Center" Content="Label" Padding="0" Grid.Column="1"/>
    <Button x:Name="expandButton" HorizontalAlignment="Left" VerticalAlignment="Center" Width="12" Height="12" Content="" Click="ExpandButtonClick" Margin="4,0,0,0" Padding="0" Grid.ColumnSpan="2" d:IsHidden="True"/>
    <Image x:Name="expandButton2" Visibility="Hidden"  Width="12" Height="12" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="None"/>
</Grid>

Answer 1

我怀疑你在添加数百个孩子的同时触发了许多布局更新。

如果这是瓶颈，您可能需要考虑：

using(var suspend = Dispatcher.DisableProcessing())
{
       // Add all children here
}

这将导致调度程序在您添加控件时停止处理消息，并执行整个布局并在最后一次渲染中进行渲染。

Answer 2

如果您发现创建许多UserControl的操作过于昂贵，那么您根本不需要创建UserControl的解决方案呢？

我不是WPF专家，但是如何使用ListBox或ListView数据绑定对象列表，每个对象代表被检查对象的一个​​属性？ 而不是StackPanel ，你有一个Listbox或ListView ; 而不是UserControl ，您将定义一个或多个DataTemplate 。

---

基本代码示例：

定义表示自定义属性网格中的条目的类型; 例如：

public namespace YourApplication
{
    public class Prop
    {
        public string Name { get; set; }
        public Type Type { get; set; }
    }

    public class Props : List<Prop> { }
}

然后，在XAML中（我目前无法检查这个100％的正确性，但希望你能得到这个想法）：

<Window ... xmlns:local="clr-namespace:YourApplication">
  <Window.Resources>
    <!-- this Prop list serves only as a demonstration in the XAML designer -->
    <local:Props x:Key="somePropsForDemonstration">
      <local:Prop Name="Name" Type="System.String" />
      <local:Prop Name="Age" Type="System.TimeSpan" />
    </local:Props>
  </Window.Resources>
  <!-- here's your StackPanel replacement; bind it to a real items source -->
  <ListView ItemsSource={StaticResource somePropsForDemonstration}>
    <ListView.ItemsTemplate>
      <!-- this is a UI template that defines how a Prop object gets displayed;
           together with the Prop type, it replaces your UserControl -->
      <DataTemplate DataType="local:Prop">
        <StackPanel Orientation="Horizontal">
          <TextBlock Text="{Binding Name}" FontWeight="Bold" />
          <TextBlock Text=": " />
          <TextBlock Text="{Binding Type}" FontStyle="Italic" />
        </StackPanel>
      </DataTemplate>
    </ListView.ItemsTemplate>
  </ListView>
</Window>

我似乎记得有多种方法可以获得“多态”数据模板; 即。 根据属性的类型，您可以使用不同的Prop子类，并且每个项类型也使用不同的数据模板。