読者です 読者をやめる 読者になる 読者になる

プログラムの事とか

お約束ですが「掲載内容は私個人の見解です」

WPFのItemsControlで仮想化が効かない時に確認すること

なんで仮想化しないんだろー、と悩んでいたら当たり前だったこと

準備

<DataTemplate>
    <TextBlock Text="{Binding Converter={StaticResource TextConverter}}"/>
</DataTemplate>

DataTemplateをこんな感じで書いて

public class TextConverter : IValueConverter
{
    private int _counter;
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        System.Diagnostics.Debug.WriteLine($"Convert {_counter++}");
        return value;
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

こんなコンバーターを作っておきました

TextBlockが作られるたびにTextConverter.Convertが呼ばれて、何回呼ばれたかが_converterで分かります

あとはコードビハインドで

private void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
    Items.ItemsSource = Enumerable.Range(0, 100);
}

って書いておけばいいですね (ItemsはItemsControlの名前)

_converterの数で何個TextBlockが作られたかわかるはずです

仮想化が効くとき

<ItemsControl x:Name="Items" VirtualizingStackPanel.IsVirtualizing="True" ScrollViewer.CanContentScroll="True">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Converter={StaticResource TextConverter}}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.Template>
        <ControlTemplate>
            <ScrollViewer Padding="{TemplateBinding Control.Padding}" Focusable="False">
                <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>

TextBlockは画面に表示している分+1個くらいしか作られません

仮想化が効かないとき

<ScrollViewer>
    <ItemsControl x:Name="Items" VirtualizingStackPanel.IsVirtualizing="True" ScrollViewer.CanContentScroll="True">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Converter={StaticResource TextConverter}}"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>
</ScrollViewer>

TextBlockは100個作られます

外のScrollViewerで隠れてはいますがItemsControlの高さが全項目分表示できる高さになっているので当たり前ですよね

こぴぺヨクナイ

なんでこんな書き方をしていたかというと、ItemsControlをスクロール可能にする方法をStackOverflowなどで調べると下の書き方が結構出てくるからなんですね

コピペはしませんが「こー書けばいいのねー」と何も考えずに書いたせいです

スミマセンデシタ