Wpf 嵌套项控件存在大量性能问题
我使用嵌套的ItemsControl来显示分层数据。问题是，即使数据很少，速度也非常慢。它还完全阻塞UI线程，直到加载数据。我做错了什么 生成演示数据并将其绑定到ItemsControl的代码：Wpf 嵌套项控件存在大量性能问题,wpf,itemscontrol,Wpf,Itemscontrol,我使用嵌套的ItemsControl来显示分层数据。问题是，即使数据很少，速度也非常慢。它还完全阻塞UI线程，直到加载数据。我做错了什么 生成演示数据并将其绑定到ItemsControl的代码： private void SetupDemodata() { ObservableCollection<Folder> demoData = new ObservableCollection<Folder>(); const int nu
private void SetupDemodata()
{
ObservableCollection<Folder> demoData = new ObservableCollection<Folder>();
const int numberOfFolders = 1;
const int numberOfFiles = 1;
const int numberOfLines = 300;
Random randContentLength = new Random();
for( int indexFolders = 0; indexFolders <= numberOfFolders; indexFolders++ )
{
Folder newFolder = new Folder {FolderName = string.Format( "DemoFolder {0}", indexFolders )};
for( int indexFiles = 0; indexFiles <= numberOfFiles; indexFiles++ )
{
File newFile = new File {FileName = string.Format( "DemoFile {0} -> {1}", indexFolders, indexFiles )};
for( int indexLines = 0; indexLines <= numberOfLines; indexLines++ )
{
newFile.ContentLines.Add( new FileContentLine
{
LineContent = GetRandomString( randContentLength.Next( 80 ) ),
LineNumber = indexLines
} );
}
newFolder.Files.Add( newFile );
}
demoData.Add( newFolder );
}
this.icFolders.ItemsSource = demoData;
}
private static readonly Random random = new Random();
private static string GetRandomString(int length )
{
length = Math.Max( length, 3 );
byte[] bytes = new byte[length];
random.NextBytes( bytes );
return Convert.ToBase64String( bytes ).Substring( 0, length );
}
private void SetupDemodata（）
{
ObservableCollection demoData=新的ObservableCollection（）；
const int numberOfFolders=1；
常量int numberOfFiles=1；
常数int numberOfLines=300；
Random randContentLength=新的Random（）；
对于（int indexFolders=0；indexFolders）
项控件中（根控件和嵌套控件）：
阅读WPF中的虚拟化，以便了解您正在显示的层次结构数据。您可能也想考虑延迟加载。我知道虚拟化，但我不知道如何在我的嵌套场景中应用虚拟化。抱歉，响应太晚。您是否已设法解决此问题？您能否尝试瓶颈问题，并让我们假设删除层次结构和确保这是由于数据而不是其他原因。或者尝试提供较少的数据，这样我们就知道虚拟化将解决问题。
public class Folder
{
public List<File> Files { get; set; }
public string FolderName { get; set; }
public Folder(){ this.Files = new List<File>();}
}
public class File
{
public List<FileContentLine> ContentLines { get; set; }
public string FileName { get; set; }
public File() { this.ContentLines = new List<FileContentLine>(); }
}
public class FileContentLine
{
public int LineNumber { get; set; }
public string LineContent { get; set; }
}
<Grid>
<ScrollViewer VerticalScrollBarVisibility="Auto">
<Grid>
<Grid>
<ItemsControl Grid.Row="0" x:Name="icFolders" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" >
<!-- Folder -->
<ItemsControl.ItemTemplate>
<DataTemplate DataType="{x:Type local:Folder}">
<Grid Margin="0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Border Grid.Row="0" BorderThickness="0,1,0,1" BorderBrush="#c5c5c5">
<Grid Grid.Row="0" Style="{StaticResource styleGridGradient}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Style="{StaticResource styleLabelBold}" Content="{Binding FolderName}" />
<Label Grid.Column="2" Style="{StaticResource styleLabelBold}" Content="{Binding Files.Count}" />
</Grid>
</Grid>
</Border>
<Border Grid.Row="1" BorderThickness="0,1,0,1" BorderBrush="#c5c5c5">
<Grid Style="{StaticResource styleGridGradient}">
<Label Foreground="#666666"
Margin="5,0,0,0"
HorizontalAlignment="Stretch"
Content="{Binding FolderName}" />
</Grid>
</Border>
<!--Files -->
<ItemsControl Grid.Row="2" ItemsSource="{Binding Files}" >
<ItemsControl.ItemTemplate>
<DataTemplate DataType="{x:Type local:File}">
<Grid Margin="0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Border Grid.Row="0" BorderThickness="0,1,0,1" BorderBrush="#c5c5c5">
<Grid Style="{StaticResource styleGridGradient}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Label Grid.Column="0"
Foreground="#666666"
Margin="5,0,0,0"
VerticalContentAlignment="Center"
VerticalAlignment="Center"
Content="{Binding FileName}" />
<Button Grid.Column="1" Margin="5" MaxHeight="25" Content="Open File"/>
</Grid>
</Border>
<!-- Lines -->
<ItemsControl Grid.Row="1" ItemsSource="{Binding ContentLines}" Background="White">
<ItemsControl.ItemTemplate>
<DataTemplate DataType="{x:Type local:FileContentLine}">
<Grid Margin="0" Height="20">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="35" />
<ColumnDefinition Width="20" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Border Grid.Column="0" BorderThickness="0,0,1,0" BorderBrush="#c5c5c5">
<ToggleButton>
<Label Content="{Binding LineNumber}" />
</ToggleButton>
</Border>
<Border Grid.Column="2" BorderThickness="0,0,1,0" BorderBrush="#c5c5c5">
<Border Grid.Column="2" BorderThickness="0,1,0,1" BorderBrush="Red">
<Label Height="20" Content="+" HorizontalAlignment="Center" />
</Border>
</Border>
<Border Grid.Column="3" BorderThickness="0,1,0,1" BorderBrush="Gray">
<TextBox Height="20" IsReadOnly="True"
VerticalAlignment="Center"
VerticalContentAlignment="Center"
Text="{Binding LineContent}" />
</Border>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>
</Grid>
</ScrollViewer>
</Grid>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>