ItemsControl'ü sanallaştırmak?

ItemsControlSanallaştırmak istediğim bir veri listesi içeren bir listem var , ancak VirtualizingStackPanel.IsVirtualizing="True"bir ItemsControl.

Durum gerçekten bu mu yoksa bunu yapmanın farkında olmadığım başka bir yolu var mı?

Test etmek için aşağıdaki kod bloğunu kullanıyorum:

<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>

Şunu değiştirirsem ItemsControlbir etmek ListBox, bunu görebiliyorum Initializedetkinlik yalnızca kez bir avuç çalışan bir yandan olarak, (Sadece birkaç kayıtları üzerinden gitmek zorunda sadece çok büyük marjlar vardır) ItemsControlher öğe İlk degeri.

Ben ayarlama denedi ItemsControlPanelTemplatea VirtualizingStackPanelama bu yardım görünmüyor.

Sadece yapım çok daha kendisine aslında var ItemsPanelTemplatekullanılmasını VirtualizingStackPanel. Varsayılan ControlTemplateiçin ItemsControlbir yok ScrollViewersanallaştırma anahtarıdır. İçin varsayılan kontrol şablonuna eklemek ItemsControl(şablon ListBoxolarak kontrol şablonunu kullanmak ) bize şunu verir:

<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, varsayılan kontrol şablonlarına bakmak için harika bir araç, Bana Şablonu Göster'dir )

Dikkat edilmesi gerekenler:

Ayarlamalısınız ScrollViewer.CanContentScroll="True", nedenini görmek için buraya bakın .

Ayrıca koyduğuma dikkat edin VirtualizingStackPanel.VirtualizationMode="Recycling". Bu TextBlock_Initialized, ekranda birçok TextBlock görünmesine rağmen çağrılma sayısını azaltacaktır . UI sanallaştırma hakkında daha fazla bilgiyi buradan okuyabilirsiniz .

DÜZENLEME: Açık olanı belirtmeyi unuttum: alternatif bir çözüm olarak, sadece :) ItemsControlile değiştirebilirsiniz ListBoxAyrıca, MSDN sayfasındaki bu Optimizasyon Performansı sayfasına bakın ve ItemsControl"Performans Özelliklerini Uygulayan Kontroller" tablosunda olmadığını fark edin , bu yüzden kontrol şablonunu düzenlememiz gerekiyor.

DavidN'in cevabına dayanarak, işte onu sanallaştırmak için bir ItemsControl üzerinde kullanabileceğiniz bir stil:

<!--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>

Mutlaka istemediğiniz satırların seçimine izin verdikleri için ListBox kullanma önerisinden hoşlanmıyorum.

Sadece varsayılanın ItemsPanelbir VirtualizingStackPanel. Değiştirmeniz gerekiyor:

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