WPF ListBox avec une ListBox-UI virtualisation et défilement

ici, La réponse est surprenante:

• Si vous utilisez ItemsControl ou ListBox vous obtiendrez le comportement que vous rencontrez, où le contrôle scrolls "par article" donc vous sautez sur un document entier à la fois, mais
• Si vous utilisez TreeView au lieu de cela, le contrôle se déroulera en douceur de sorte que vous pouvez faire défiler votre document et dans le suivant, mais il sera toujours en mesure de virtualiser.

je pense que la raison pour laquelle l'équipe du FPF a choisi ce comportement est que TreeViewcomporte généralement des éléments qui sont plus grands que la zone visible, alors qu'en général ListBoxes ne le sont pas.

dans tous les cas, il est trivial dans WPF de faire un TreeView regarder et agir comme un ListBox ou ItemsControl en modifiant simplement les ItemContainerStyle. C'est très simple. Vous pouvez lancer votre propre ou simplement copier sur le modèle approprié à partir du fichier de thème du système.

alors vous aurez quelque chose comme ceci:

<TreeView ItemsSource="{Binding documents}">
  <TreeView.ItemsPanel>
    <ItemsPanelTemplate>
      <VirtualizingStackPanel />
    </ItemsPanelTemplate>
  </TreeView.ItemsPanel>
  <TreeView.ItemContainerStyle>
    <Style TargetType="{x:Type TreeViewItem}">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type TreeViewItem}">
            <ContentPresenter /> <!-- put your desired container style here  with a ContentPresenter inside -->
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </TreeView.ItemContainerStyle>
  <TreeView.ItemTemplate>
    <DataTemplate TargetType="{x:Type my:Document}">
      <Border BorderThickness="2"> <!-- your document frame will be more complicated than this -->
        <ItemsControl ItemsSource="{Binding pages}">
          ...
        </ItemsControl>
      </Border>
    </DataTemplate>
  </TreeView.ItemTemplate>
</TreeView>

prise en compte des pixels le défilement de ListBox et de style multiselect à travailler ensemble

si vous utilisez cette technique pour obtenir un scrolling basé sur un pixel, votre ItemsControl externe qui affiche les documents ne peut pas être une ListBox (parce que ListBox n'est pas une sous-classe de TreeView ou TreeViewItem). Ainsi, vous perdez tout le support Multi-Select de ListBox. Pour autant que je puisse le dire, il n'y a aucun moyen d'utiliser ces deux fonctionnalités ensemble sans inclure un peu de votre propre code pour une fonctionnalité ou l'autre.

Si vous besoin des deux ensembles de fonctionnalités dans le même contrôle, vous avez fondamentalement plusieurs options:

1. implémenter la multi-sélection vous-même dans une sous-classe de TreeViewItem. Utilisez TreeViewItem au lieu de TreeView pour le contrôle externe, car il permet de sélectionner plusieurs enfants. Dans le modèle à L'intérieur de ItemsContainerStyle: ajouter une case à cocher autour du ContentPresenter, le modèle lient la case à cocher Isdelected, et le style de la case à cocher avec le modèle de contrôle pour obtenir le look vous vouloir. Ensuite, ajoutez vos propres gestionnaires d'événements de souris pour gérer Ctrl-Click et Shift-Click pour multiselect.

2. implémenter vous-même la virtualisation en pixel-scrolled dans une sous-classe de VirtualizingPanel. C'est relativement simple, puisque la plus grande partie de la complexité de VirtualizingStackPanel est liée au défilement sans pixel et au recyclage des conteneurs. le Blog de Dan Crevier possède quelques informations utiles pour comprendre le VirtualizingPanel.