WPF：將樣式添加到滑塊

我使用滑塊並將樣式元素置於其上，如下所示......但是，我無法弄清楚爲什麼樣式沒有得到反映。 RepeatButtons不可見。在此先感謝WPF：將樣式添加到滑塊

<ResourceDictionary> 
     <LinearGradientBrush x:Key="Stroke_Gradient" EndPoint="0.5,1" StartPoint="0.5,0"> 
      <GradientStop Color="#FF6E6E6E" Offset="0"/> 
      <GradientStop Color="#FFFFFFFF" Offset="0.496"/> 
      <GradientStop Color="#FF6E6E6E" Offset="1"/> 
     </LinearGradientBrush> 
     <Style x:Key="ScrollBar_RepeatButtonStyle1" d:IsControlPart="True" TargetType="{x:Type RepeatButton}"> 
      <Setter Property="Background" Value="#FF6E6E6E"/> 
      <Setter Property="BorderBrush" Value="#FFFFFFFF"/> 
      <Setter Property="IsTabStop" Value="false"/> 
      <Setter Property="Focusable" Value="false"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type RepeatButton}"> 
         <Grid> 
          <Rectangle Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="{TemplateBinding BorderThickness}"/> 
         </Grid> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <ImageBrush x:Key="zoomBkgrnd" TileMode="None" ImageSource="zoombg.png" Stretch="Uniform"/> 
     <Style x:Key="{x:Type Slider}" TargetType="{x:Type Slider}"> 
      <Setter Property="Background" Value="{StaticResource zoomBkgrnd}"/> 
      <Setter Property="BorderBrush" Value="{StaticResource zoomBkgrnd}"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type Slider}"> 
         <Grid x:Name="GridRoot"> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="Auto"/> 
           <RowDefinition Height="Auto" /> 
           <RowDefinition Height="Auto"/> 
          </Grid.RowDefinitions> 

          <!-- TickBar shows the ticks for Slider --> 
          <TickBar Visibility="Collapsed" x:Name="TopTick" Height="4" SnapsToDevicePixels="True" Placement="Top" Fill="{StaticResource zoomBkgrnd}"/> 
          <Border Grid.Row="1" Margin="0" x:Name="Border" Height="4" Background="{StaticResource zoomBkgrnd}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2"/> 

          <!-- The Track lays out the repeat buttons and thumb --> 
          <Track Grid.Row="1" x:Name="PART_Track"> 
           <Track.Thumb> 
            <Thumb Width="10" Height="20" /> 
           </Track.Thumb> 
           <Track.IncreaseRepeatButton> 
            <RepeatButton Style="{DynamicResource ScrollBar_RepeatButtonStyle1}" Command="Slider.IncreaseLarge"/> 
           </Track.IncreaseRepeatButton> 
           <Track.DecreaseRepeatButton> 
            <RepeatButton Style="{DynamicResource ScrollBar_RepeatButtonStyle1}" Command="Slider.DecreaseLarge"/> 
           </Track.DecreaseRepeatButton> 
          </Track> 

          <TickBar Visibility="Collapsed" Grid.Row="2" x:Name="BottomTick" Height="4" SnapsToDevicePixels="True" Placement="Bottom" Fill="{TemplateBinding Foreground}"/> 
         </Grid> 
         <ControlTemplate.Triggers> 
          <Trigger Property="TickPlacement" Value="TopLeft"> 
           <Setter Property="Visibility" Value="Visible" TargetName="TopTick"/> 
          </Trigger> 
          <Trigger Property="TickPlacement" Value="BottomRight"> 
           <Setter Property="Visibility" Value="Visible" TargetName="BottomTick"/> 
          </Trigger> 
          <Trigger Property="TickPlacement" Value="Both"> 
           <Setter Property="Visibility" Value="Visible" TargetName="TopTick"/> 
           <Setter Property="Visibility" Value="Visible" TargetName="BottomTick"/> 
          </Trigger> 
          <Trigger Property="IsEnabled" Value="false"> 
           <Setter Property="Background" Value="{StaticResource zoomBkgrnd}" TargetName="Border"/> 
           <Setter Property="BorderBrush" Value="{StaticResource zoomBkgrnd}" TargetName="Border"/> 
          </Trigger> 

          <!-- Use a rotation to create a Vertical Slider form the default Horizontal --> 
          <Trigger Property="Orientation" Value="Vertical"> 
           <Setter Property="LayoutTransform" TargetName="GridRoot"> 
            <Setter.Value> 
             <RotateTransform Angle="-90"/> 
            </Setter.Value> 
           </Setter> 
           <!-- Track rotates itself based on orientation so need to force it back --> 
           <Setter TargetName="PART_Track" Property="Orientation" Value="Horizontal"/> 
          </Trigger> 

         </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </ResourceDictionary>

來源

2010-04-26 user279244

滑塊是定義如下：：其中聲明您的滑塊XAML <滑塊X：名稱= 「求變」方向= 「垂直」最小= 「20」最大值= 「400」值=」 100「高=」100「 Width =「20」ValueChanged =「zoomer_ValueChanged」SnapsToDevicePixels =「False」Margin =「0,0,30,0」VerticalAlignment =「Center」HorizontalAlignment =「Right」IsMoveToPointEnabled =「False」> – user279244 2010-04-26 06:45:09

這裏是你的問題！

<Style x:Key="{x:Type Slider}" TargetType="{x:Type Slider}">

適用於所有的滑塊，你應該改成這樣：關鍵要像「MySliderStyle」，然後在：

<Style TargetType="{x:Type Slider}">

只適用於某一特定滑塊，應將x改變

<Slider Style="{StaticResource MySliderStyle}"/>

來源

2010-05-26 23:35:40

WPF：將樣式添加到滑塊

回答

相關問題