UI 가상화를 Redefined ListBox 템플릿과 함께 사용하는 방법

Question

ListBox를 여러 항목이 포함 된보기로 사용하려고합니다. 물론 UI 가상화를 사용해야합니다.

<ListBox 
    ItemsSource="{Binding ItemsSource}" 
    VirtualizingStackPanel.IsVirtualizing="True" 
    VirtualizingStackPanel.VirtualizationMode="Recycling"> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <views:SiteEntryView /> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

하지만 그것을 사용자 정의하려고하면, 그것은 더 이상 가상화되지 않습니다 :

<ListBox 
    ItemsSource="{Binding ItemsSource}" 
    VirtualizingStackPanel.IsVirtualizing="True" 
    VirtualizingStackPanel.VirtualizationMode="Recycling"> 

    <ListBox.Template> 
     <ControlTemplate> 
      <ScrollViewer> 
       <ItemsPresenter /> 
      </ScrollViewer> 
     </ControlTemplate> 
    </ListBox.Template> 

    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel /> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 

    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <views:SiteEntryView /> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

I 마찬가지로 지금까지

문제는 내가옵니다 이런 식으로 선언 할 때 가상화에만 작동입니다 발견 한이 샘플에는 기본적으로 ListBox에 포함 된 것과 동일한 내용 만 포함되어 있습니다. 그러나 가상화가 작동하지 않습니다. 여러 기사와 여기에 나온 몇 가지 답변을 읽었지만 여전히 "일반 방법"을 파악할 수 없습니다. 사용자 지정 템플릿을 사용하여 가상화 작업을 수행하기 위해 무엇을 설정하고 바인딩하고 추가해야합니까?

Answer 1

ItemsPanel에 StackPanel을 사용하고있는 이유는 VirtualizingStackPanel (대신 ListBox의 기본 ItemsPanel)을 사용해야하기 때문입니다.

어느

은 ItemsPanel 정의를 제거하거나 VirtualizingStackPanel 사용하도록 수정 :

<ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <VirtualizingStackPanel /> 
    </ItemsPanelTemplate> 
</ListBox.ItemsPanel> 

Answer 2

두 가지를 :

업데이트합니다 PanelTemplateVirtualizingStackPanel를 사용하고 ControlTemplate의 ScrollViewer에 virtualization 옵션을 추가 할 수 있습니다.

<ListBox.Template> 
    <ControlTemplate> 
     <ScrollViewer VirtualizingStackPanel.IsVirtualizing="True" 
         VirtualizingStackPanel.VirtualizationMode="Recycling"> 
      <ItemsPresenter /> 
     </ScrollViewer> 
    </ControlTemplate> 
</ListBox.Template> 

<ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <VirtualizingStackPanel /> 
    </ItemsPanelTemplate> 
</ListBox.ItemsPanel> 

<ListBox.ItemTemplate> 
    <DataTemplate> 
     <views:SiteEntryView /> 
    </DataTemplate> 
</ListBox.ItemTemplate>