WPF ScrollViewer - Aligner la barre de défilement horizontale en haut?

Question

Je me demande s'il est possible d'ancrer la barre de défilement horizontale dans le contrôle ScrollViewer vers le haut plutôt que de l'avoir en bas? Si ce n'est pas le cas, serait-il possible d'utiliser un contrôle Scrollbar séparé placé au-dessus du ScrollViewer et d'y assigner les événements ScrollBar_Scroll?

Merci d'avance!

Answer 1

Bien sûr - ici est le modèle par défaut pour ScrollViewer modifié pour transposer la ligne de la grille 0 et grille la ligne 1, qui met la barre de défilement horizontale en haut:

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

Appliquer ce modèle à votre ScrollViewer et vous devrait être tout ensemble. Expression Blend rend les tâches de ce type triviales - je le recommande.