WPF，滾動條拇指顯示器向後

Question

我也跟着教程來創建這個網站的滾動條的模板：http://sachabarber.net/?p=122

但由於某些原因，Thumb控件是倒退，當ScrollViewer中的內容是在頂部，拇指作爲底部，當我點擊底部重複按鈕時，滾動查看器中的內容正確滾動，但拇指朝上。反之亦然，當我點擊頂部重複按鈕拇指下降。

不知道我做了什麼來做到這一點......當我刪除我創建的控制模板時，它會返回到默認樣式並且拇指已正確放置。

下面是控制模板的代碼。我有這個模板引用滾動條控件，除拇指之外，一切都很好。

<ControlTemplate x:Key="kd_VertScrollBar" TargetType="{x:Type ScrollBar}"> 
       <Grid Width="15"> 
        <Grid.RowDefinitions> 
         <RowDefinition MaxHeight="25"/> 
         <RowDefinition Height=".00001*"/> 
         <RowDefinition MaxHeight="25"/> 
        </Grid.RowDefinitions> 

        <Border Grid.RowSpan="3" CornerRadius="2" Background="#CCCCCCCC" /> 

        <RepeatButton Grid.Row="0" 
         Background="Aqua" 
         Height="25" 
         ContentTemplate="{StaticResource RepeatButtonImage}" 
         Command="ScrollBar.LineUpCommand" /> 

        <Track Grid.Row="1"> 
         <Track.DecreaseRepeatButton> 
          <RepeatButton Style="{StaticResource ScrollBarPageButton}" Command="ScrollBar.PageUpCommand" /> 
         </Track.DecreaseRepeatButton> 

         <Track.Thumb> 
          <Thumb Style="{StaticResource ScrollBarThumb}" Background="Blue" BorderBrush="Black" /> 
         </Track.Thumb> 

         <Track.IncreaseRepeatButton> 
          <RepeatButton Style="{StaticResource ScrollBarPageButton}" Command="ScrollBar.PageDownCommand" /> 
         </Track.IncreaseRepeatButton> 
        </Track> 

        <RepeatButton x:Name="ToBottom" Grid.Row="2" 
         Background="Aqua" 
         Height="25" 
         ContentTemplate="{StaticResource RepeatButtonImage}" 
         Command="ScrollBar.LineDownCommand" /> 

       </Grid> 
      </ControlTemplate> 

任何幫助，將不勝感激

Answer 1

您必須在Track設置IsDirectionReversed到true，這是默認的模板做什麼。