Повторная кнопка в MahApps Metro: как изменить фон при наведении курсора мыши?

Вот мой слайдер:

<Slider x:Name = "videoPlayerSlider"
        Minimum = "0"
        Maximum = "100"
        HorizontalAlignment = "Stretch"
        VerticalAlignment = "Bottom"
        Thumb.DragStarted = "OnSliderDragStarted_Click"
        Thumb.DragDelta = "OnSliderDragDelta_Drag"
        Thumb.DragCompleted = "OnSliderDragCompleted_Click"
        Value = "50"
        Height = "20"
        Margin = "0,0,0,-20">
    <Slider.Template>
        <ControlTemplate TargetType = "Slider">
            <Grid>
                <Track x:Name = "PART_Track">
                    <Track.DecreaseRepeatButton>
                        <RepeatButton Style = "{StaticResource CustomRepeatButtonStyle}" Command = "{x:Static Slider.DecreaseLarge}"
                                      CommandTarget = "{Binding RelativeSource = {RelativeSource TemplatedParent}}"
                                      Focusable = "false" />
                    </Track.DecreaseRepeatButton>
                    <Track.Thumb>
                        <Thumb Style = "{StaticResource CustomThumbStyle}" />
                    </Track.Thumb>
                    <Track.IncreaseRepeatButton>
                        <RepeatButton Style = "{StaticResource CustomRepeatButtonStyle}" Command = "{x:Static Slider.IncreaseLarge}"
                                      CommandTarget = "{Binding RelativeSource = {RelativeSource TemplatedParent}}"
                                      Focusable = "false" />
                    </Track.IncreaseRepeatButton>
                </Track>
            </Grid>
        </ControlTemplate>
    </Slider.Template>
</Slider>

И это примененный стиль:

<Style x:Key = "CustomThumbStyle"
       TargetType = "Thumb">
    <Setter Property = "Width"
            Value = "10" />
    <Setter Property = "Height"
            Value = "20" />
    <Setter Property = "Padding"
            Value = "5" />
    <Setter Property = "Background"
            Value = "Red" />
    <Setter Property = "Template">
        <Setter.Value>
            <ControlTemplate TargetType = "Thumb">
                <Grid>
                    <Rectangle Width = "{TemplateBinding Width}"
                               Height = "{TemplateBinding Height}"
                               Fill = "Green" />
                    <Ellipse Width = "10"
                             Height = "10"
                             Fill = "Red"
                             HorizontalAlignment = "Center"
                             VerticalAlignment = "Center" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
<Style x:Key = "CustomRepeatButtonStyle"
       TargetType = "RepeatButton">
    <Setter Property = "Background"
            Value = "Orange" />
    <Setter Property = "BorderThickness"
            Value = "0" />
    <Setter Property = "controls:ControlsHelper.CornerRadius"
            Value = "0" />
    <Setter Property = "controls:ItemHelper.HoverBackgroundBrush"
            Value = "Orange" />
    <Setter Property = "controls:ItemHelper.HoverSelectedBackgroundBrush"
            Value = "Orange" />
    <Setter Property = "controls:ItemHelper.SelectedBackgroundBrush"
            Value = "Orange" />
    <Setter Property = "controls:ItemHelper.ActiveSelectionBackgroundBrush"
            Value = "Orange" />
    <Style.Triggers>
        <Trigger Property = "IsFocused"
                 Value = "True">
            <Setter Property = "Background"
                    Value = "Orange" />
        </Trigger>
        <Trigger Property = "IsMouseOver"
                 Value = "True">
            <Setter Property = "Background"
                    Value = "Orange" />
        </Trigger>
    </Style.Triggers>
</Style>

Я не могу изменить цвет фона при наведении курсора на две кнопки повтора:

(вот правый наведен Мышкой). Я хочу «красный» вместо синего по умолчанию. Какое свойство мне нужно использовать? Те, которые я пробовал выше, похоже, не дали никакого результата.

Есть какие-нибудь подсказки?

Не используйте Metro, но я уверен, что вы можете деконструировать стиль в Blender и переназначить в стиле нужное значение. Скорее всего, у них есть для этого статический ресурс, который вы также можете применить с точки зрения приложения.

— 25.04.2024 11:44

@Demon, вопрос: какое свойство? Перепробовал много из них, но безуспешно

— 25.04.2024 21:05

Можете ли вы уточнить, что именно вы пытаетесь заархивировать? вы хотите, чтобы во время события RepeadButton Mouse Over обе кнопки меняли цвет фона? Тогда как это связано с Metro nuget?

— 01.05.2024 11:45

@Demon Я добавил комментарий к твоему ответу. Надеюсь, теперь вы получили то, что мне нужно (на скриншоте без наведения обе кнопки повтора влево/вправо окрашены оранжевым цветом, при наведении — синим: я хочу убрать синий цвет и оставить его всегда оранжевым). Надеюсь, вы сможете мне помочь!

— 02.05.2024 12:05

c# wpf mahapps.metro

25.04.2024 08:37

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я предполагаю, что вы хотите, чтобы обе кнопки повтора меняли цвета границ всякий раз, когда для значения «Ввод мыши» установлено значение «истина». Я использовал общие стили, а не расширял ваш, так что имейте это в виду. То, что я опубликую, абсолютно излишне, но я надеюсь, что это прояснит для вас многие вещи. Я тестировал только горизонтальный слайдер и, судя по вашему описанию, это именно тот результат, который вам нужен. Код также содержит вертикальный ползунок, но вы можете изменить этот шаблон по своему усмотрению. Надеюсь, это поможет вам

<Window.Resources>
    <Style x:Key = "RepeatButtonTransparent" TargetType = "{x:Type RepeatButton}">
        <Setter Property = "OverridesDefaultStyle" Value = "true"/>
        <Setter Property = "Background" Value = "Transparent"/>
        <Setter Property = "Focusable" Value = "false"/>
        <Setter Property = "IsTabStop" Value = "false"/>
        <Setter Property = "Template">
            <Setter.Value>
                <ControlTemplate TargetType = "{x:Type RepeatButton}">
                    <Rectangle Fill = "{TemplateBinding Background}" Height = "{TemplateBinding Height}" Width = "{TemplateBinding Width}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <SolidColorBrush x:Key = "SliderThumb.Static.Background" Color = "#FFF0F0F0"/>
    <SolidColorBrush x:Key = "SliderThumb.Static.Border" Color = "#FFACACAC"/>
    <SolidColorBrush x:Key = "SliderThumb.Static.Foreground" Color = "#FFE5E5E5"/>
    <SolidColorBrush x:Key = "SliderThumb.MouseOver.Background" Color = "#FFDCECFC"/>
    <SolidColorBrush x:Key = "SliderThumb.MouseOver.Border" Color = "#FF7Eb4EA"/>
    <SolidColorBrush x:Key = "SliderThumb.Pressed.Background" Color = "#FFDAECFC"/>
    <SolidColorBrush x:Key = "SliderThumb.Pressed.Border" Color = "#FF569DE5"/>
    <SolidColorBrush x:Key = "SliderThumb.Disabled.Background" Color = "#FFF0F0F0"/>
    <SolidColorBrush x:Key = "SliderThumb.Disabled.Border" Color = "#FFD9D9D9"/>
    <SolidColorBrush x:Key = "SliderThumb.Track.Background" Color = "#FFE7EAEA"/>
    <SolidColorBrush x:Key = "SliderThumb.Track.Border" Color = "#FFD6D6D6"/>

    <ControlTemplate x:Key = "SliderThumbHorizontalDefault" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M 0,0 C0,0 11,0 11,0 11,0 11,18 11,18 11,18 0,18 0,18 0,18 0,0 0,0 z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" SnapsToDevicePixels = "True" Stretch = "Fill" StrokeThickness = "1" UseLayoutRounding = "True" VerticalAlignment = "Center"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderThumbHorizontalTop" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M 0,6 C0,6 5.5,0 5.5,0 5.5,0 11,6 11,6 11,6 11,18 11,18 11,18 0,18 0,18 0,18 0,6 0,6 z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" SnapsToDevicePixels = "True" Stretch = "Fill" StrokeThickness = "1" UseLayoutRounding = "True" VerticalAlignment = "Center"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderThumbHorizontalBottom" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M 0,12 C0,12 5.5,18 5.5,18 5.5,18 11,12 11,12 11,12 11,0 11,0 11,0 0,0 0,0 0,0 0,12 0,12 z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" SnapsToDevicePixels = "True" Stretch = "Fill" StrokeThickness = "1" UseLayoutRounding = "True" VerticalAlignment = "Center"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderHorizontal" TargetType = "{x:Type Slider}">
        <Border x:Name = "border" Background = "{TemplateBinding Background}" BorderBrush = "{TemplateBinding BorderBrush}" BorderThickness = "{TemplateBinding BorderThickness}" SnapsToDevicePixels = "True">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height = "Auto"/>
                    <RowDefinition Height = "Auto" MinHeight = "{TemplateBinding MinHeight}"/>
                    <RowDefinition Height = "Auto"/>
                </Grid.RowDefinitions>
                <TickBar x:Name = "TopTick" Fill = "{TemplateBinding Foreground}" Height = "4" Margin = "0,0,0,2" Placement = "Top" Grid.Row = "0" Visibility = "Collapsed"/>
                <TickBar x:Name = "BottomTick" Fill = "{TemplateBinding Foreground}" Height = "4" Margin = "0,2,0,0" Placement = "Bottom" Grid.Row = "2" Visibility = "Collapsed"/>
                <Border x:Name = "TrackBackground" 
                     Background = "{StaticResource SliderThumb.Track.Background}"
                     BorderBrush = "{TemplateBinding BorderBrush}" 
                     BorderThickness = "1" Height = "4.0" Margin = "5,0" Grid.Row = "1" VerticalAlignment = "center">
                    <Canvas Margin = "-6,-1">
                        <Rectangle x:Name = "PART_SelectionRange" Fill = "{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" Height = "4.0" Visibility = "Hidden"/>
                    </Canvas>
                </Border>
                <Track x:Name = "PART_Track" Grid.Row = "1">
                    <Track.DecreaseRepeatButton>
                        <RepeatButton Command = "{x:Static Slider.DecreaseLarge}" Style = "{StaticResource RepeatButtonTransparent}"/>
                    </Track.DecreaseRepeatButton>
                    <Track.IncreaseRepeatButton>
                        <RepeatButton Command = "{x:Static Slider.IncreaseLarge}" Style = "{StaticResource RepeatButtonTransparent}"/>
                    </Track.IncreaseRepeatButton>
                    <Track.Thumb>
                        <Thumb x:Name = "Thumb" Focusable = "False" Height = "18" OverridesDefaultStyle = "True" Template = "{StaticResource SliderThumbHorizontalDefault}" VerticalAlignment = "Center" Width = "11"/>
                    </Track.Thumb>
                </Track>
            </Grid>
        </Border>
        <ControlTemplate.Triggers>
            <Trigger Property = "TickPlacement" Value = "TopLeft">
                <Setter Property = "Visibility" TargetName = "TopTick" Value = "Visible"/>
                <Setter Property = "Template" TargetName = "Thumb" Value = "{StaticResource SliderThumbHorizontalTop}"/>
                <Setter Property = "Margin" TargetName = "TrackBackground" Value = "5,2,5,0"/>
            </Trigger>
            <Trigger Property = "TickPlacement" Value = "BottomRight">
                <Setter Property = "Visibility" TargetName = "BottomTick" Value = "Visible"/>
                <Setter Property = "Template" TargetName = "Thumb" Value = "{StaticResource SliderThumbHorizontalBottom}"/>
                <Setter Property = "Margin" TargetName = "TrackBackground" Value = "5,0,5,2"/>
            </Trigger>
            <Trigger Property = "TickPlacement" Value = "Both">
                <Setter Property = "Visibility" TargetName = "TopTick" Value = "Visible"/>
                <Setter Property = "Visibility" TargetName = "BottomTick" Value = "Visible"/>
            </Trigger>
            <Trigger Property = "IsSelectionRangeEnabled" Value = "true">
                <Setter Property = "Visibility" TargetName = "PART_SelectionRange" Value = "Visible"/>
            </Trigger>
            <Trigger Property = "IsKeyboardFocused" Value = "true">
                <Setter Property = "Foreground" TargetName = "Thumb" Value = "Blue"/>
            </Trigger>
            <Trigger Property = "IsMouseOver" Value = "True">
                <Setter Property = "Background" TargetName = "TrackBackground"  Value = "Red"/>
                <Setter Property = "BorderBrush" TargetName = "TrackBackground"  Value = "Red"/>
            </Trigger>
           
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderThumbVerticalDefault" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M0.5,0.5 L18.5,0.5 18.5,11.5 0.5,11.5z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" Stretch = "Fill"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderThumbVerticalLeft" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M 6,11 C6,11 0,5.5 0,5.5 0,5.5 6,0 6,0 6,0 18,0 18,0 18,0 18,11 18,11 18,11 6,11 6,11 z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" Stretch = "Fill"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderThumbVerticalRight" TargetType = "{x:Type Thumb}">
        <Grid HorizontalAlignment = "Center" UseLayoutRounding = "True" VerticalAlignment = "Center">
            <Path x:Name = "grip" Data = "M 12,11 C12,11 18,5.5 18,5.5 18,5.5 12,0 12,0 12,0 0,0 0,0 0,0 0,11 0,11 0,11 12,11 12,11 z" Fill = "{StaticResource SliderThumb.Static.Background}" Stroke = "{StaticResource SliderThumb.Static.Border}" Stretch = "Fill"/>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property = "IsMouseOver" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.MouseOver.Border}"/>
            </Trigger>
            <Trigger Property = "IsDragging" Value = "true">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Pressed.Border}"/>
            </Trigger>
            <Trigger Property = "IsEnabled" Value = "false">
                <Setter Property = "Fill" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Background}"/>
                <Setter Property = "Stroke" TargetName = "grip" Value = "{StaticResource SliderThumb.Disabled.Border}"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key = "SliderVertical" TargetType = "{x:Type Slider}">
        <Border x:Name = "border" Background = "{TemplateBinding Background}" BorderBrush = "{TemplateBinding BorderBrush}" BorderThickness = "{TemplateBinding BorderThickness}" SnapsToDevicePixels = "True">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width = "Auto"/>
                    <ColumnDefinition MinWidth = "{TemplateBinding MinWidth}" Width = "Auto"/>
                    <ColumnDefinition Width = "Auto"/>
                </Grid.ColumnDefinitions>
                <TickBar x:Name = "TopTick" Grid.Column = "0" Fill = "{TemplateBinding Foreground}" Margin = "0,0,2,0" Placement = "Left" Visibility = "Collapsed" Width = "4"/>
                <TickBar x:Name = "BottomTick" Grid.Column = "2" Fill = "{TemplateBinding Foreground}" Margin = "2,0,0,0" Placement = "Right" Visibility = "Collapsed" Width = "4"/>
                <Border x:Name = "TrackBackground" Background = "{StaticResource SliderThumb.Track.Background}" BorderBrush = "{StaticResource SliderThumb.Track.Border}" BorderThickness = "1" Grid.Column = "1" HorizontalAlignment = "center" Margin = "0,5" Width = "4.0">
                    <Canvas Margin = "-1,-6">
                        <Rectangle x:Name = "PART_SelectionRange" Fill = "{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"
                                Visibility = "Hidden" Width = "4.0"/>
                    </Canvas>
                </Border>
                <Track x:Name = "PART_Track" Grid.Column = "1">
                    <Track.DecreaseRepeatButton>
                        <RepeatButton  Command = "{x:Static Slider.DecreaseLarge}" Style = "{StaticResource RepeatButtonTransparent}"/>
                    </Track.DecreaseRepeatButton>
                    <Track.IncreaseRepeatButton>
                        <RepeatButton Command = "{x:Static Slider.IncreaseLarge}" Style = "{StaticResource RepeatButtonTransparent}"/>
                    </Track.IncreaseRepeatButton>
                    <Track.Thumb>
                        <Thumb x:Name = "Thumb" Focusable = "False" Height = "20" OverridesDefaultStyle = "True" Template = "{StaticResource SliderThumbVerticalDefault}" VerticalAlignment = "Top" Width = "18"/>
                    </Track.Thumb>
                </Track>
            </Grid>
        </Border>
        <ControlTemplate.Triggers>
            <Trigger Property = "TickPlacement" Value = "TopLeft">
                <Setter Property = "Visibility" TargetName = "TopTick" Value = "Visible"/>
                <Setter Property = "Template" TargetName = "Thumb" Value = "{StaticResource SliderThumbVerticalLeft}"/>
                <Setter Property = "Margin" TargetName = "TrackBackground" Value = "2,5,0,5"/>
            </Trigger>
            <Trigger Property = "TickPlacement" Value = "BottomRight">
                <Setter Property = "Visibility" TargetName = "BottomTick" Value = "Visible"/>
                <Setter Property = "Template" TargetName = "Thumb" Value = "{StaticResource SliderThumbVerticalRight}"/>
                <Setter Property = "Margin" TargetName = "TrackBackground" Value = "0,5,2,5"/>
            </Trigger>
            <Trigger Property = "TickPlacement" Value = "Both">
                <Setter Property = "Visibility" TargetName = "TopTick" Value = "Visible"/>
                <Setter Property = "Visibility" TargetName = "BottomTick" Value = "Visible"/>
            </Trigger>
            <Trigger Property = "IsSelectionRangeEnabled" Value = "true">
                <Setter Property = "Visibility" TargetName = "PART_SelectionRange" Value = "Visible"/>
            </Trigger>
            <Trigger Property = "IsKeyboardFocused" Value = "true">
                <Setter Property = "Foreground" TargetName = "Thumb" Value = "Blue"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <Style x:Key = "SliderStyle1" TargetType = "{x:Type Slider}">
        <Setter Property = "Stylus.IsPressAndHoldEnabled" Value = "false"/>
        <Setter Property = "Background" Value = "Transparent"/>
        <Setter Property = "BorderBrush" Value = "Transparent"/>
        <Setter Property = "Foreground" Value = "{StaticResource SliderThumb.Static.Foreground}"/>
        <Setter Property = "Template" Value = "{StaticResource SliderHorizontal}"/>
        <Style.Triggers>
            <Trigger Property = "Orientation" Value = "Vertical">
                <Setter Property = "Template" Value = "{StaticResource SliderVertical}"/>
            </Trigger>
            <Trigger Property = "IsMouseOver" Value = "True">
                <Setter Property = "Background" Value = "Red"/>
                <Setter Property = "BorderBrush" Value = "Red"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Slider Style = "{DynamicResource SliderStyle1}" x:Name = "videoPlayerSlider"
 Minimum = "0"
 Maximum = "100"
 HorizontalAlignment = "Stretch"
 VerticalAlignment = "Center"
 Value = "50"
 Height = "20">
</Slider>

Обновлять: Основная идея состоит в том, чтобы перезаписать StaticResource с помощью TemplateBinding в ваших кнопках, чтобы вы могли манипулировать им.

Пример на основе вашего кода:

<Style x:Key = "CustomRepeatButtonStyle"
TargetType = "{x:Type RepeatButton}">
<Setter Property = "Background"
Value = "#d1cbcb" />
<Setter Property = "BorderThickness"
Value = "0" />
<Setter Property = "controls:ControlsHelper.CornerRadius"
Value = "0" />
<Setter Property = "Template">
<Setter.Value>
<ControlTemplate TargetType = "{x:Type RepeatButton}">
<Rectangle Fill = "{TemplateBinding Background}"
Height = "{TemplateBinding Height}"
Width = "{TemplateBinding Width}" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key = "CustomRepeatButtonStyleLeft"
TargetType = "RepeatButton"
BasedOn = "{StaticResource {x:Type RepeatButton}}">
<Setter Property = "Background"
Value = "#81b3d4" />
<Setter Property = "Template">
<Setter.Value>
<ControlTemplate TargetType = "{x:Type RepeatButton}">
<Rectangle Fill = "{TemplateBinding Background}"
Height = "{TemplateBinding Height}"
Width = "{TemplateBinding Width}" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Я имею в виду, что когда я нажимаю кнопку «Повторить» (независимо от того, какая она слева или справа), цвет фона становится «синим» и не остается оранжевым (как это происходит, когда он не перегружен). Теперь стало более ясно?

— 02.05.2024 10:25

Вы проверили решение, которое я предоставил? Когда вы наводите курсор на кнопку повтора, обе кнопки (левая и правая) изменят цвет. назначение цвета триггеру IsMouseOver в SliderStyle

— 02.05.2024 12:41

Это означает просмотр всего элемента управления «Ползунок». Я спрашиваю, возможно ли ТОЛЬКО переопределить две кнопки повтора...

— 02.05.2024 13:24

@markzzz без переопределения шаблона ползунка было бы невозможно (по крайней мере, насколько мне известно), это потому, что шаблон элемента управления по умолчанию этого не делает, поскольку вам нужно переназначить BorderBrush из StaticResource в Template, чтобы вы могли манипулировать им вне элемента управления (из BorderBrush = "{StaticResource SliderThumb.Track.Border}" в BorderBrush = "{TemplateBinding BorderBrush}" ), таким образом, вы можете использовать триггеры в стиле самого слайдера, то же самое с фоном

— 02.05.2024 13:33

Он не компилируется. Сначала подумайте, кажется, есть вложенный style.triggers. Позже появляется сообщение, что я не могу установить свойство Template в текущем элементе шаблона...

— 02.05.2024 13:42

@markzzz только что отредактировал шаблон

— 02.05.2024 13:47

Давайте продолжим обсуждение в чате.

— 02.05.2024 13:54

01.05.2024 12:05