2011-08-01 34 views
3

我也跟着教程来创建这个网站的滚动条的模板:http://sachabarber.net/?p=122WPF,滚动条拇指显示器向后

但由于某些原因,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> 

任何帮助,将不胜感激

+1

? –

+0

太好了,非常感谢 – kdub

回答

2

您必须在Track设置IsDirectionReversedtrue,这是默认的模板做什么。

+0

太好了,非常感谢 – kdub