WPF ListBox с ListBox - виртуализация UI и прокрутка

Ответ здесь удивителен:

• Если вы используете ItemsControl или ListBox, вы получите поведение, которое вы испытываете, когда элемент управления прокручивается "по пунктам", так что вы перепрыгиваете через весь документ сразу, НО
• Если вы используете TreeView вместо этого, элемент управления будет прокручиваться плавно, так что вы сможете прокручивать документ и переходить к следующему, но он все равно будет способен виртуализироваться.

Я думаю, что причина, по которой команда WPF выбрала такое поведение, заключается в том, что TreeView обычно имеет элементы, которые больше видимой области, в то время как обычно ListBoxне имеет. В любом случае в WPF тривиально сделать так, чтобы TreeView выглядел и действовал как ListBox или ItemsControl, просто изменив ItemContainerStyle. Это очень просто. Вы можете свернуть свой собственный или просто скопировать соответствующий шаблон из файла системной темы.

Так что у вас будет нечто подобное:

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

Получение прокрутки на основе пикселей и мультивыбора в стиле ListBox для совместной работы

Если вы используете эту технику для получения прокрутки на основе пикселей, то ваш внешний ItemsControl, который показывает документы, не может быть ListBox (потому что ListBox не является подклассом TreeView или TreeViewItem). Таким образом, Вы теряете поддержку мультивыборов ListBox. Насколько я могу судить, нет способа использовать эти две возможности вместе, не включив часть своего кода для одной функции или другой.

Если вам нужны оба набора функциональности в одном управлении, у вас есть, по сути, несколько вариантов:

1. Реализуйте мультивыбор самостоятельно в подклассе TreeViewItem. Используйте TreeViewItem вместо TreeView для внешнего элемента управления, так как он позволяет выбирать несколько дочерних элементов. В шаблоне внутри ItemsContainerStyle: Добавьте CheckBox вокруг ContentPresenter, шаблон привязывает CheckBox к IsSelected, и стиль CheckBox с шаблоном управления, чтобы получить тот вид, который вы хотите. Затем добавьте собственные обработчики событий мыши для обработки Ctrl-Click и Shift-Click для мультивыбора.

2. Реализуйте виртуализацию с пиксельным прокруткой самостоятельно в подклассе VirtualizingPanel. Это относительно просто, так как большая часть сложности VirtualizingStackPanel связана с непиксельным скроллингом и переработкой контейнеров. Блог Дэна Кревьера имеет полезную информацию для понимания VirtualizingPanel.