Virtualiser un ItemsControl?

J'ai un ItemsControlcontenant une liste de données que je voudrais virtualiser, mais VirtualizingStackPanel.IsVirtualizing="True"ne semble pas fonctionner avec un fichier ItemsControl.

Est-ce vraiment le cas ou y a-t-il une autre façon de le faire dont je ne suis pas au courant?

Pour tester, j'ai utilisé le bloc de code suivant:

<ItemsControl ItemsSource="{Binding Path=AccountViews.Tables[0]}"
              VirtualizingStackPanel.IsVirtualizing="True">
<ItemsControl.ItemTemplate>
    <DataTemplate>
        <TextBlock Initialized="TextBlock_Initialized"  
                   Margin="5,50,5,50" Text="{Binding Path=Name}" />
    </DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>

Si je change le ItemsControlen a ListBox, je peux voir que l' Initializedévénement ne s'exécute qu'une poignée de fois (les marges énormes sont juste pour que je n'ai qu'à parcourir quelques enregistrements), mais ItemsControlchaque élément est initialisé.

J'ai essayé de régler le ItemsControlPanelTemplatesur a VirtualizingStackPanelmais cela ne semble pas aider.

Il y a en fait beaucoup plus que la simple ItemsPanelTemplateutilisation VirtualizingStackPanel. La valeur ControlTemplatepar défaut de ItemsControln'a pas de ScrollViewer, qui est la clé de la virtualisation. L'ajout au modèle de contrôle par défaut pour ItemsControl(en utilisant le modèle de contrôle pour ListBoxcomme modèle) nous donne ce qui suit:

<ItemsControl ItemsSource="{Binding AccountViews.Tables[0]}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <TextBlock Initialized="TextBlock_Initialized"
                 Text="{Binding Name}" />
    </DataTemplate>
  </ItemsControl.ItemTemplate>

  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <VirtualizingStackPanel IsVirtualizing="True"
                              VirtualizationMode="Recycling" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>

  <ItemsControl.Template>
    <ControlTemplate TargetType="ItemsControl">
      <Border BorderThickness="{TemplateBinding BorderThickness}"
              BorderBrush="{TemplateBinding BorderBrush}"
              Background="{TemplateBinding Background}">
        <ScrollViewer CanContentScroll="True" 
                      Padding="{TemplateBinding Padding}"
                      Focusable="False">
          <ItemsPresenter />
        </ScrollViewer>
      </Border>
    </ControlTemplate>
  </ItemsControl.Template>
</ItemsControl>

(BTW, un excellent outil pour regarder les modèles de contrôle par défaut est Show Me The Template )

Choses à remarquer:

Vous devez définir ScrollViewer.CanContentScroll="True", voir ici pourquoi.

Notez également que je mets VirtualizingStackPanel.VirtualizationMode="Recycling". Cela réduira le nombre de fois où TextBlock_Initializedest appelé quel que soit le nombre de TextBlocks visibles à l'écran. Vous pouvez en savoir plus sur la virtualisation de l'interface utilisateur ici .

EDIT: J'ai oublié de dire l'évidence: comme solution alternative, vous pouvez simplement remplacer ItemsControlpar ListBox:) Aussi, consultez cette page d' optimisation des performances sur MSDN et notez qu'elle ItemsControlne figure pas dans le tableau "Contrôles qui implémentent les fonctionnalités de performance", c'est pourquoi nous devons éditer le modèle de contrôle.

En vous basant sur la réponse de DavidN, voici un style que vous pouvez utiliser sur un ItemsControl pour le virtualiser:

<!--Virtualised ItemsControl-->
<Style x:Key="ItemsControlVirtualizedStyle" TargetType="ItemsControl">
    <Setter Property="VirtualizingStackPanel.IsVirtualizing" Value="True"/>
    <Setter Property="ScrollViewer.CanContentScroll" Value="True"/>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ItemsControl">
                <Border
                    BorderThickness="{TemplateBinding Border.BorderThickness}"
                    Padding="{TemplateBinding Control.Padding}"
                    BorderBrush="{TemplateBinding Border.BorderBrush}"
                    Background="{TemplateBinding Panel.Background}"
                    SnapsToDevicePixels="True"
                >
                    <ScrollViewer Padding="{TemplateBinding Control.Padding}" Focusable="False">
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
                    </ScrollViewer>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Je n'aime pas la suggestion d'utiliser un ListBox car ils permettent la sélection de lignes là où vous ne le souhaitez pas nécessairement.

C'est juste que la valeur par défaut ItemsPaneln'est pas un VirtualizingStackPanel. Vous devez le changer:

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>