2

Как в ToolBar изменить цвет правой полосы?

введите сюда описание изображения

В предложенном https://msdn.microsoft.com/ru-ru/library/aa970772(v=vs.85).aspx типа не соответствует ToolBar (TargetType="{x:Type ToggleButton}">).

Если его заменить в предложенном ToolBarOverflowButtonStyle https://msdn.microsoft.com/ru-ru/library/aa970772(v=vs.85).aspx на {x:Type ToolBar}" то программа не запускается.

Если сделять так то угол не изменится. Но программа при этом работает:

<ToolBar Name="toolbar1" DockPanel.Dock="Top"
                     Style="{DynamicResource AAA}"

                >

.

<Style x:Key="AAA" TargetType="{x:Type ToolBar}">
        <Setter Property="Foreground" Value="#FFFFFF" />
        <Setter Property="Background" Value="#FF0F0F0F" />
    </Style>

Но если добавить:

<Setter Property="OverridesDefaultStyle" Value="true"

После этого панель не отображается. Если к ней добавить высоту то она будет пустой без кнопок.

<Style x:Key="ToolBarOverflowButtonStyle" TargetType="{x:Type ToolBar}">
  <Setter Property="OverridesDefaultStyle" Value="true"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type ToolBar}">
        <Border Name="Bd"
          CornerRadius="0,3,3,0"
          Background="Transparent"
          SnapsToDevicePixels="true">
          <Grid>
            <Path Name="Arrow"
              Fill="Black"
              VerticalAlignment="Bottom"
              Margin="2,3"
              Data="M -0.5 3 L 5.5 3 L 2.5 6 Z"/>
            <ContentPresenter/>
          </Grid>
        </Border>
        <ControlTemplate.Triggers>
          <Trigger Property="IsMouseOver" Value="true">
            <Setter TargetName="Bd" Property="Background" Value="{StaticResource DarkBrush}"/>
          </Trigger>
          <Trigger Property="IsKeyboardFocused" Value="true">
            <Setter TargetName="Bd" Property="Background" Value="{StaticResource DarkBrush}"/>
          </Trigger>
          <Trigger Property="IsChecked" Value="true">
            <Setter TargetName="Bd" Property="Background" Value="{StaticResource DarkBrush}"/>
          </Trigger>
          <Trigger Property="IsEnabled" Value="false">
            <Setter TargetName="Arrow" Property="Fill" Value="#AAA"/>
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>
3
  • А покажите весь ваш стиль.
    – VladD
    18 дек 2016 в 10:55
  • AAA - это весь стиль. Или полностью <ToolBar Name="toolbar1" DockPanel.Dock="Top" показать?
    – code211218
    18 дек 2016 в 12:30
  • 1
    Ага, понял. Нет, эту часть так просто стилизовать не выйдет. Смотрите решение в ответе (да, оно достаточно громоздкое).
    – VladD
    18 дек 2016 в 12:40

1 ответ 1

2

Проще всего, наверное, заставить Visual Studio сгенерировать для вас стиль с шаблоном.

Как это делать, описано в этом ответе. Имея шаблон, вы находите в нём код, отображающий ваш визуальный элемент. (Это легко сделать: когда вы выделяете элемент в исходном коде, соответствующий визуальный элемент подсвечивается в дизайнере.)

На моей машине это такой элемент:

<ToggleButton x:Name="OverflowButton" ClickMode="Press" FocusVisualStyle="{x:Null}"
              IsChecked="{Binding IsOverflowOpen, Mode=TwoWay,
                      RelativeSource={RelativeSource TemplatedParent}}"
              IsEnabled="{TemplateBinding HasOverflowItems}"
              Style="{StaticResource ToolBarHorizontalOverflowButtonStyle}"/>

(я немного переформатировал для лучшего отображения).

Мы видим, что за визуальное оформление отвечает стиль ToolBarHorizontalOverflowButtonStyle. Находим его:

<Style x:Key="ToolBarHorizontalOverflowButtonStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="Background" Value="{StaticResource ToolBarToggleButtonHorizontalBackground}"/>

и сразу над ним

<SolidColorBrush x:Key="ToolBarToggleButtonHorizontalBackground" Color="#FFEEF5FD"/>

Меняем на

<SolidColorBrush x:Key="ToolBarToggleButtonHorizontalBackground" Color="Red"/>

и получаем:

иллюстрация

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.