WPF - UserControls очень медленно

Question

Я создаю нечто подобное PropertyGrid, где я хочу показать свойства объектов.По особым причинам я не собираюсь использовать PropertyGrid, но создаю свой собственный.

Для каждого свойства я создал свой пользовательский контроль.Теперь, к моему ужасу, производительность очень плохая.Если у меня есть что-то вроде 100 свойств, то их отображение в StackPanel / Listbox занимает 500 миллисекунд.

Я провел эксперимент, в котором я добавил 200 пользовательских контролов по умолчанию в StackPanel.Это заняло около 50 миллисекунд.Я думаю, все еще очень большое число.

Разве я не должен использовать пользовательские контроли для такой цели?Это выглядит очень объектно-ориентированным, и я не вижу другого решения.

Однако я вижу, что 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:

ОК.Это не имеет ничего общего со стековой панелью.Я узнал, что это потому, что создание UserControls - очень дорогая операция.Если у вас есть какие-либо идеи о том, что делать, я бы с удовольствием их услышал:)

Edit3: В конструкторе моего пользовательского элемента управления ничего не происходит, кроме метода InitializeComponent.Вот пример пользовательского контроля, который я добавляю.

<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 s вы должны определить один или несколько DataTemplate s.

---

Пример основного кода:

Определить тип, представляющий записьв вашей сетке пользовательских свойств;например:

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, а также использовать разные шаблоны данных для каждого типа элемента.