我有一个用例来显示WPF用户控件中的近10000个项目。我正在使用ItemsControl,每个项目都由一个按钮表示(项目是一个简单的可点击文本)。我在usercontrol资源中为按钮定义了一个样式。
一切正常,直到我的列表中有超过5000个项目,然后UI画面开始变慢 - 10000个项目需要将近3分钟才能显示。
如果我将样式从资源移动到Button.Style,那么显示项目也需要2.5分钟。
如果我完全删除了样式,我认为没有明显的延迟。使用Button样式的唯一原因是将其ContentPresenter的Border(在下面的代码中命名为Chrome)与按钮相同的背景,否则为Gray。
请让我知道如何有效地使用样式而不会产生性能影响,或者如何将ContentPresenter边框的背景绘制为与Button相同的颜色(透明可以以某种方式工作)。
以下是代码示例:
<UserControl.Resources>
<Style x:Key="ButtonStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="Chrome" Background="{TemplateBinding Property=Background}">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
<ContentPresenter.Resources>
<Style TargetType="{x:Type TextBlock}" BasedOn="{x:Null}">
<Setter Property="FontSize" Value="{Binding FontSize, RelativeSource={RelativeSource AncestorType={x:Type Button}}}"/>
</Style>
</ContentPresenter.Resources>
</ContentPresenter>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<Grid Name="Grid1" Margin="5,5,5,5">
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Margin="5,0,0,0">
<Border Name="Border1" Margin="2,2,2,2" BorderBrush="Gray" BorderThickness="2">
<ItemsControl Name="ItemsControl1" ItemsSource="{Binding LargeItems}" FocusVisualStyle="{x:Null}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="{Binding Columns}" Rows="{Binding Rows}"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border Name="Border1" Background="{Binding BorderBkg}"
BorderThickness="1" Padding="{Binding PaddingVal}">
<Button Name="MyButton" Content="{Binding Label}"
Background="{Binding Background}"
Foreground="{Binding Foreground}"
BorderThickness="0"
BorderBrush="Transparent"
Margin="0"
Style="{StaticResource ButtonStyle}"
IsEnabled="{Binding IsButtonEnabled}"
Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=DataContext.ButtonAction}"
CommandParameter="{Binding}">
</Button>
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Border>
</ScrollViewer>
</Grid>
谢谢,
RDV
答案 0 :(得分:0)
似乎您的ItemControl中没有实现数据虚拟化。您可以通过添加来实现虚拟化 VirtualizingPanel.IsVirtualizing =&#34;真&#34; VirtualizingPanel.VirtualizationMode =&#34;回收&#34; 在您的ItemsControl中查看性能差异。