0

WPF ユーザー コントロールに 10000 近くのアイテムを表示するユースケースがあります。私は ItemsControl を使用しており、各項目はボタン (クリック可能な単純なテキストの項目) で表されます。ユーザー コントロール リソースのボタンのスタイルを定義しました。

リストに 5000 を超えるアイテムが含まれるまで問題なく動作し、UI ペイントの速度が低下し始めます。10000 のアイテムが表示されるまでに 3 分以上かかります。

スタイルをリソースから Button.Style に移動すると、項目が表示されるまでに 2.5 分かかります。

スタイルを完全に削除しても、顕著な遅延は見られません。Button スタイルを使用する唯一の理由は、ContentPresenter の Border (以下のコードでは Chrome という名前) にボタンと同じ背景 (それ以外の場合は灰色) を与えることです。

パフォーマンス ヒットを発生させずにスタイルを効率的に使用する方法、または ContentPresenter の境界線の背景をボタンと同じ色でペイントする方法を教えてください (透明は何とか機能します)。

コードサンプルは次のとおりです。

<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

4

1 に答える 1

0

ItemControl にはデータ仮想化が実装されていないようです。VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.VirtualizationMode="Recycling" を ItemsControl に追加して仮想化を実装し、パフォーマンスの違いを確認できます。

于 2016-08-31T05:36:20.077 に答える