Улучшение производительности в WPF со многими UIElements

Question

Я очень новичок в WPF, и мне нужно посоветовать, как создать представление со многими UIElements в одно и то же время. То, что я хочу сделать, - это просмотр какой-то таблицы с фиксированной шириной и высотой для каждой ячейки. В каждой ячейке может быть случайное число текстовых блоков с другой спиной и forecolor (см. Изображение).

Image for table-like view with many UiElements

Это то, что я сделал до сих пор ... Я создал UserControl для содержания одной клетки, которая связывает элементы в качестве itemcontrol.

<ItemsControl ItemsSource="{Binding}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <UniformGrid Columns="1" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Border Background="{Binding Backcolor, Converter={StaticResource IntegerToBrushConverter}}" > 
       <Viewbox MaxHeight="20" > 
        <TextBlock TextWrapping="Wrap" Text="{Binding Caption}" 
         Foreground="{Binding Forecolor, Converter={StaticResource IntegerToBrushConverter}}"/> 
       </Viewbox> 
      </Border> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Этот пользовательский контроль также привязан к элементу itemcontrol для представления оси x моей таблицы.

<ItemsControl ItemsSource="{Binding}" > 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Vertical" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <local:DayView DataContext="{Binding Days}" /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

И то же самое делается для оси y с красивым scrollviewer. Итак, проблема в том, что в виртуальном дереве много элементов. В моем примере выборки содержится более 60 000 элементов, перечисленных в дереве. Это приводит к плохой производительности при открытии представления. Прокрутка производительности вполне нормально, но он занимает несколько секунд, чтобы открыть представление.

Я пробовал некоторые вещи, такие как CacheMode и т. Д., Но все это не влияет на производительность открытия. Использование VirtualizationStackPanel приводит к плохой производительности прокрутки. Я даже не могу понять, что так долго нужно для создания Ui. Кажется, что ему нужно много времени, чтобы измерить все UiElemtents, но Im не уверен ...

Есть ли подсказки, чтобы сделать такой вид просмотра UiElement более быстрым? Как я уже сказал, Im очень новый в WPF, и это всего лишь тест производительности. У нас есть такой Ui в Winforms, но там вся таблица была написана пользователем. В WPF так легко перестроить дизайн Winforms с помощью элементов управления контентом, которые я хочу только сделать для себя в качестве последнего средства.

Answer 1

Посмотрите здесь возможное решение вашей проблемы с помощью виртуализации:

WPF Data Virtualization

Кроме того, если вы хотите пойти другим путем, есть коммерческие третьи сторонние библиотеки управления WPF, которые обрабатывают виртуализацию с различными степени успеха. Чтобы назвать несколько: Xceed, Syncfusion, DevExpress и Telerik.

Я даже не могу понять, что так долго нужно для создания Ui.

Надеясь, что вы используете VS2015 (или что-то лучше), есть несколько способов получить ответ на то, что так долго. В Visual Studio есть инструмент визуального дерева (Debug-> Windows), где вы можете увидеть визуальное дерево в реальном времени, и это может помочь вам найти и устранить некоторые элементы пользовательского интерфейса, которые вам действительно не нужны (например, границы внутри более границ, и т. д.)

Во-вторых, вы можете запускать диагностические инструменты (Alt + F2), выбирать использование ЦП и генерировать отчет, в котором вы можете видеть, где ваша программа тратит больше времени. Надеемся, это изолирует проблему до определенных методов, которые впоследствии могут быть оптимизированы.

Кроме того, более подробно о вашей проблеме было бы очень приятно. Что такое код, который заполняет ItemsSource?