3

В WPF приложении нужно добавить ComboBox в пользовательском стиле. Проблема в том, что стандартный контрол при наведении мышкой выделяется синим сам и выделяет Items так же. Попробовал использовать стили, но бокс все равно работает как стандартный при наведении. В чем ошибка?

       <ComboBox x:Name="subjct_cmb" Grid.Row="1" Height="20" Width="120" Foreground="{StaticResource GrayEA}" 
                  FontFamily="{StaticResource MainFont}" Background="#FF262626" >
            <ComboBox.ItemContainerStyle>
                <Style TargetType="ComboBoxItem">
                    <Style.Triggers>
                        <Trigger Property="IsFocused" Value="true">
                            <Setter Property="Background" Value="#FF2E2E2E"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ComboBox.ItemContainerStyle>
            <ComboBoxItem  Content="About Programm" Background="{StaticResource Gray36}" Height="16"/>
            <ComboBoxItem  Content="Report a Bug" Background="{StaticResource Gray36}" Height="16"/>
            <ComboBoxItem  Content="Feedback" Background="{StaticResource Gray36}" Height="16"/>
            <ComboBoxItem  Content="Other" Background="{StaticResource Gray36}" Height="16"/>
        </ComboBox>

Результат :

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

1
  • @AresGod все тот же синий цвет 3 окт 2017 в 11:51

1 ответ 1

4

Вы всегда можете изменить стандартный шаблон контрола. Для этого нажмите правой кнопкой мыши на контрол в дизайнере, выберите EditTempate>Edit A Copy.... В вашем случае предварительно откройте комбобокс (ExpandCombobox), нажмите правой кнопкой на элемент в выпавшем списке, выберите EditTempate>Edit A Copy.... Появится простыня со шаблоном, где есть все. Вам в ней нужен последний триггер (по крайней мере у меня он последний). Выглядит он так:

<MultiTrigger>
    <MultiTrigger.Conditions>
        <Condition Property="IsSelected"
                    Value="False" />
        <Condition Property="IsMouseOver"
                    Value="True" />
        <Condition Property="IsKeyboardFocused"
                    Value="True" />
    </MultiTrigger.Conditions>
    <Setter Property="Background"
            TargetName="Bd"
            Value="#5426A0DA" />
    <Setter Property="BorderBrush"
            TargetName="Bd"
            Value="#FF26A0DA" />
</MultiTrigger>

Вам нужно заменить цвет в Property="Background" (#5426A0DA) на ваш. Теперь шаблон готов. Используйте его, например, так:

<Style TargetType="ComboBoxItem">
    <Setter Property="Template" Value="{StaticResource ComboBoxItemControlTemplate1}"></Setter>
</Style>

Код полностью:

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        x:Class="WpfApp3.MainWindow"
        mc:Ignorable="d"
        Title="MainWindow"
        Height="350"
        Width="525">
    <Window.Resources>
        <ControlTemplate x:Key="ComboBoxItemControlTemplate1"
                         TargetType="{x:Type ComboBoxItem}">
            <Border x:Name="Bd"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Background="{TemplateBinding Background}"
                    Padding="{TemplateBinding Padding}"
                    SnapsToDevicePixels="True">
                <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}"
                                  Content="{TemplateBinding Content}"
                                  ContentStringFormat="{TemplateBinding ContentStringFormat}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsEnabled"
                         Value="False">
                    <Setter Property="TextElement.Foreground"
                            TargetName="Bd"
                            Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                </Trigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="False" />
                        <Condition Property="IsMouseOver"
                                   Value="True" />
                        <Condition Property="IsKeyboardFocused"
                                   Value="False" />
                    </MultiTrigger.Conditions>
                    <Setter Property="Background"
                            TargetName="Bd"
                            Value="#1F26A0DA" />
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#A826A0DA" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="True" />
                        <Condition Property="IsMouseOver"
                                   Value="False" />
                        <Condition Property="IsKeyboardFocused"
                                   Value="True" />
                    </MultiTrigger.Conditions>
                    <Setter Property="Background"
                            TargetName="Bd"
                            Value="#3D26A0DA" />
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#FF26A0DA" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="True" />
                        <Condition Property="IsMouseOver"
                                   Value="True" />
                    </MultiTrigger.Conditions>
                    <Setter Property="Background"
                            TargetName="Bd"
                            Value="#2E0080FF" />
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#99006CD9" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="True" />
                        <Condition Property="IsMouseOver"
                                   Value="False" />
                        <Condition Property="IsKeyboardFocused"
                                   Value="False" />
                    </MultiTrigger.Conditions>
                    <Setter Property="Background"
                            TargetName="Bd"
                            Value="#3DDADADA" />
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#FFDADADA" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="False" />
                        <Condition Property="IsMouseOver"
                                   Value="False" />
                        <Condition Property="IsKeyboardFocused"
                                   Value="True" />
                    </MultiTrigger.Conditions>
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#FF26A0DA" />
                </MultiTrigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected"
                                   Value="False" />
                        <Condition Property="IsMouseOver"
                                   Value="True" />
                        <Condition Property="IsKeyboardFocused"
                                   Value="True" />
                    </MultiTrigger.Conditions>
                    <Setter Property="Background"
                            TargetName="Bd"
                            Value="#FF2E2E2E" />
                    <Setter Property="BorderBrush"
                            TargetName="Bd"
                            Value="#FF26A0DA" />
                </MultiTrigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    <Style TargetType="ComboBoxItem">
        <Setter Property="Template"
                Value="{StaticResource ComboBoxItemControlTemplate1}"></Setter>
    </Style>
    </Window.Resources>
    <Grid>
        <ComboBox Height="20"
                  Width="120"
                  Background="#FF262626"
                  IsDropDownOpen="True">
            <ComboBoxItem Content="About Programm"
                          Height="16" />
            <ComboBoxItem Content="Report a Bug"
                          Height="16" />
            <ComboBoxItem Content="Feedback"
                          Height="16" />
            <ComboBoxItem Content="Other"
                          Height="16" />
        </ComboBox>
    </Grid>
</Window>
13
  • А по части ComboBox при наведении, какое проперти отвечает ? Не ComboBoxValue а сам бокс ? 3 окт 2017 в 14:38
  • @Сергей для этого сгенерируйте шаблон самого комбобокса (простыня будет побольше раза в 4), там надо искать.
    – RusArt
    3 окт 2017 в 14:42
  • Template или Style ? 3 окт 2017 в 14:44
  • @Сергей создастся новый ControlTemplate для комбобокса
    – RusArt
    3 окт 2017 в 14:45
  • Все что создается так это <ControlTemplate x:Key="ComboBoxControlTemplate" TargetType="{x:Type ComboBox}"> <Grid/> </ControlTemplate> 3 окт 2017 в 14:49

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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