VirtualizingStackPanel, ScrollViewer

Question

için varsayılan denetim şablonunu geçersiz kılarken çalışmayı durdurur Pahalı olan çok fazla öğeye sahip bir liste kutusu var. Ancak VirtualizingStackPanel, sadece görünen öğeleri görüntüleyerek bunu halleder. ScrollViewer için kontrol şablonunu geçersiz kılmak istiyorum çünkü varsayılan modelde yatay ve dikey kaydırma çubuğu arasında gri bir dikdörtgen var. Ben sadece gri dikdörtgen sorunu olmayan Microsoft tarafından sağlanan (ScrollViewer ControlTemplate Example) kopyaladım.

Bu denetim penceresi, VirtualizingStackPanel sonsuz yüksekliğini vererek sanallaştırmayı devre dışı bırakır. Bu, tüm öğelerin görünür olduğunu düşündüğünden, VirtualizingStackPanel öğesinin tüm öğeleri işleyeceği anlamına gelir.

Aşağıdaki demo kodu içinde bir liste kutusunda 10000 ürün gösteriyorum. Sorunu ScrollViewer stili ile çalıştırmayı ve onsuz çalışmayı karşılaştırarak doğrularım. Bu demo ile çok yavaş çalışır, yeniden boyutlandırma çok saniye sürer. Stil olmadan çok hızlı.

ViewportHeight: 8
ExtentHeight: 10000
ActualHeight: 245
(XAML stili dışında açıklama) ScrollViewer stil olmadan

: Ben çıkış VirtualizingStackPanel hakkında bazı bilgiler benim kanıtlamak için IsVirtualizing: Doğru
VirtualizationMode: ScrollViewer tarzı ile Standart

:

ViewportHeight: 0
ExtentHeight: 0
ActualHeight: 272766,666666707
IsVirtualizing: Doğru
VirtualizationMode: nasıl bir ScrollViewer için bir kontrol şablonu yazmak için Standart

herhangi bir fikir gelmiyor mu sanallaştırma ile karışıklık?

XAML:

<Window x:Class="VirtualTest.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="300"> 

    <Window.Resources> 

     <Style x:Key="{x:Type ScrollViewer}" TargetType="{x:Type ScrollViewer}"> 
      <Setter Property="OverridesDefaultStyle" Value="true" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type ScrollViewer}"> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition /> 
           <ColumnDefinition Width="Auto" /> 
          </Grid.ColumnDefinitions> 
          <Grid.RowDefinitions> 
           <RowDefinition /> 
           <RowDefinition Height="Auto" /> 
          </Grid.RowDefinitions> 
          <ScrollContentPresenter Grid.Row="0" Grid.Column="0" /> 
          <ScrollBar 
           Name="PART_VerticalScrollBar" 
           Grid.Row="0" Grid.Column="1" 
           Value="{TemplateBinding VerticalOffset}" 
           Maximum="{TemplateBinding ScrollableHeight}" 
           ViewportSize="{TemplateBinding ViewportHeight}" 
           Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" /> 
          <ScrollBar 
           Name="PART_HorizontalScrollBar" 
           Orientation="Horizontal" 
           Grid.Row="1" Grid.Column="0" 
           Value="{TemplateBinding HorizontalOffset}" 
           Maximum="{TemplateBinding ScrollableWidth}" 
           ViewportSize="{TemplateBinding ViewportWidth}" 
           Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" /> 
         </Grid> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 

    </Window.Resources> 

    <Grid> 
     <ListBox 
      ItemsSource="{Binding Numbers}" 
      ScrollViewer.ScrollChanged="ListBox_ScrollChanged" 
      Background="Orange"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <Border BorderBrush="Red" BorderThickness="2" Margin="5"> 
         <TextBlock Text="{Binding .}" Width="400"/> 
        </Border> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 

    </Grid> 
</Window> 

Kod arkasında:

Bu ScrollViewer Stil Blend 4 kopyalanır ve çıkış penceresinde iyi görünüyor

using System; 
using System.Collections.Generic; 
using System.Diagnostics; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Media; 

namespace VirtualTest 
{ 
    public partial class Window1 : Window 
    { 
     public Window1() 
     { 
      InitializeComponent(); 

      DataContext = this; 
     } 

     public IEnumerable<double> Numbers 
     { 
      get 
      { 
       for (int i = 0; i < 10000; i++) 
       { 
        yield return i; 
       } 
      } 
     } 

     private void ListBox_ScrollChanged(object sender, ScrollChangedEventArgs e) 
     { 
      ListBox listBox = sender as ListBox; 
      VirtualizingStackPanel virtualizingStackPanel = FindVirtualizingStackPanel(listBox);        
      Debug.WriteLine("ViewportHeight: " + virtualizingStackPanel.ViewportHeight); 
      Debug.WriteLine("ExtentHeight: " + virtualizingStackPanel.ExtentHeight); 
      Debug.WriteLine("ActualHeight: " + virtualizingStackPanel.ActualHeight); 
      Debug.WriteLine("IsVirtualizing: " + VirtualizingStackPanel.GetIsVirtualizing(virtualizingStackPanel)); 
      Debug.WriteLine("VirtualizationMode: " + VirtualizingStackPanel.GetVirtualizationMode(virtualizingStackPanel)); 
     } 

     private VirtualizingStackPanel FindVirtualizingStackPanel(Visual visual) 
     { 
      for (int i = 0; i < VisualTreeHelper.GetChildrenCount(visual); i++) 
      { 
       Visual child = VisualTreeHelper.GetChild(visual, i) as Visual; 

       if (child != null) 
       { 
        if (child is VirtualizingStackPanel) 
        { 
         return child as VirtualizingStackPanel; 
        } 

        VirtualizingStackPanel found = FindVirtualizingStackPanel(child); 
        if (found != null) 
        { 
         return found; 
        } 
       } 
      } 

      return null; 
     } 
    } 
} 

Answer 1

ViewportHeight: 10
ExtentHeight: 10000
Hareket ualHeight: 308
IsVirtualizing: Doğru
VirtualizationMode: Standart

<Style TargetType="{x:Type ScrollViewer}"> 
    <Style.Triggers> 
     <Trigger Property="IsEnabled" Value="false"> 
      <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
     </Trigger> 
    </Style.Triggers> 
    <Setter Property="Template" Value="{DynamicResource ScrollViewerControlTemplate1}"/> 
</Style> 
<ControlTemplate x:Key="ScrollViewerControlTemplate1" TargetType="{x:Type ScrollViewer}"> 
    <Grid x:Name="Grid" Background="{TemplateBinding Background}"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Rectangle x:Name="Corner" Grid.Column="1" Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" Grid.Row="1"/> 
     <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" CanHorizontallyScroll="False" CanVerticallyScroll="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="0" Margin="{TemplateBinding Padding}" Grid.Row="0"/> 
     <ScrollBar x:Name="PART_VerticalScrollBar" AutomationProperties.AutomationId="VerticalScrollBar" Cursor="Arrow" Grid.Column="1" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Grid.Row="0" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/> 
     <ScrollBar x:Name="PART_HorizontalScrollBar" AutomationProperties.AutomationId="HorizontalScrollBar" Cursor="Arrow" Grid.Column="0" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Orientation="Horizontal" Grid.Row="1" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/> 
    </Grid> 
</ControlTemplate>