Как изменить цвет границы combobox, когда мышь закончилась в WPF?

Question

вчера я написал аналогичный пост относительно текстового поля с той же целью. How to set properties of textbox globally in app.xaml [C#] Я также сказал, что у меня проблема с combobox. У меня есть полезный ответ imiditelly, который решает мою проблему с текстовым полем. Я пытался применить подобное решение для своих списков без успеха. Затем я пытался найти какое-то решение в Интернете, включая стеки и msdn и другие веб-сайты, без успеха. Затем я сделал редактирование на свой пост со вчерашнего дня, поэтому мне предложили задать новый вопрос, так что я делаю.

Так что проблема, которая у меня есть, это то, что я хотел бы просто изменить цвет границы, пока мышь находится над списком. Остальная функциональность, а также дизайн должны оставаться для стандартных combobox.

У меня есть такой код, который работает для кнопок и с модификацией для текстовых полей, но я не могу применить его к comboboxes. Этот код находится в app.xaml в ресурсах приложений.

<Style TargetType="ComboBox"> 
     <Setter Property="OverridesDefaultStyle" Value="True"/> 
     <Setter Property="Foreground" Value="#000000"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ComboBox"> 
        <Border Name="combobox" 
         CornerRadius="2" 
         BorderThickness="2" 
         BorderBrush="{TemplateBinding BorderBrush}" 
         Background="{TemplateBinding Background}"> 
         <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="True"> 
          <Setter TargetName="combobox" Property="BorderBrush" Value="#FF0000" /> 
          <Setter Property="Foreground" Value="#FF0000"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

код просто я вставить верхним создаю изменения цвета границы, но содержание комбобокса является dissappearing, на самом деле, то вся функциональность комбобокса является исчезающим.

Как я могу сделать это в своем приложении? Может кто-нибудь сказал, что изменить это время, чтобы заставить его работать.

Заранее благодарен

p.s. Может кто-нибудь порекомендовать надежный и пошаговый курс xaml для начинающих? Являются ли эти методы в xaml и wpf полезными для Windows Universal Apps?

!!!!! Редактировать:

Возможно, вы правы, так как я не настолько опытен, я могу совершить ошибку в xaml.

То, что я сделал теперь еще третий путь:

1) добавить в

<Style x:Key="MyComboBox" TargetType="{x:Type ComboBox}"> 
     <Setter Property="Foreground" Value="#000000"/> 
     <Style.Triggers> 
      <Trigger Property="IsMouseOver" Value="True"> 
       <Setter Property="BorderBrush" Value="#FF0000" /> 
       <Setter Property="Foreground" Value="#FF0000"/> 
      </Trigger> 
     </Style.Triggers> 
    </Style> 

и

2)

<ComboBox Style="{StaticResource MyComboBox}" Background="#EAEAEA" BorderBrush="Black" BorderThickness="2" FontSize="12" Foreground="Black" Height="49" HorizontalAlignment="Left" HorizontalContentAlignment="Center" Loaded="ABCCombobox_Loaded" Margin="38,425,0,0" ToolTip="ABCCombobox." SelectionChanged="ABCCombobox_SelectionChanged" VerticalAlignment="Top" VerticalContentAlignment="Center" Width="270" x:Name="ABCComboBox" /> 

Что я делаю неправильно? Я нашел этот способ, предложенный в Интернете.

Answer 1

Итак, если вы хотите взглянуть на шаблон по умолчанию ComboBox (щелкните правой кнопкой мыши-> Изменить шаблон-> Изменить копию) есть куча кистей, перечисленных в качестве ресурсов.Один из них;

<SolidColorBrush x:Key="ComboBox.MouseOver.Border" Color="#FF7EB4EA"/> 

Если пойти немного дальше вниз, вы увидите встроенный ToggleButton, который является тем, что BorderBrush фактически привязан. Первое, что нам говорит, это ComboBox - это не TargetType, к которому вы стремитесь.

<ToggleButton x:Name="toggleButton" 
       BorderBrush="{TemplateBinding BorderBrush}" 
       BorderThickness="{TemplateBinding BorderThickness}" 
       Background="{TemplateBinding Background}" 
       Grid.ColumnSpan="2" 
       IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, 
            RelativeSource={RelativeSource TemplatedParent}}" 
       Style="{StaticResource ComboBoxToggleButton}"/> 

Извещение: ComboBoxToggleButton стиль установлен? Это следующая подсказка. Если мы рассмотрим триггеры этого конкретного стиля, более конкретно для IsMouseOver см. Его с использованием этого Brush ресурса, который мы нашли первым;

<Setter Property="BorderBrush" TargetName="templateRoot" 
     Value="{StaticResource ComboBox.MouseOver.Border}"/> 

Как правильно? Угадайте, что это не так просто, как некоторые надежды, просто нажав BorderBrush в случае, когда мы хотим изменить фактический ControlTemplate.TriggersSetter.

Надеюсь, вы уже шли дальше и уже извлекли шаблон стиля по умолчанию ComboBox с указаниями в первом предложении, потому что вот ваша часть ответа.

1. Вам нужно извлечь шаблон, после того, как вы делаете часть «Edit Копии» выберите app.xaml или другой словарь ресурсов и хлопнуть его там, что вы называете это не имеет значения.

2. Тогда вы просто найдете x:Key="ComboBox.MouseOver.Border"SolidColorBrush, упомянутый первым, и замените текущий цвет на свой собственный.

3. Так как вы хотите, чтобы это было универсальным сейчас, вы просто найти Style из TargetType="{x:Type ComboBox}" и просто удалить имя x:Key="blah" вы дали, когда вы извлекли шаблон.

Вуаля, универсальный IsMouseOver изменение ваших ComboBox управления. Надеюсь это поможет. Это действительно намного проще, если это не сценарий встроенного управления с его собственным IsMouseOverControlTemplate.Triggers

... и в случае возникновения проблем. Вот пример, который вы можете просто выбросить в Whatever.Resources или в словарь ресурсов. Не пугайтесь размера, это все части шаблона. Плюс, когда вам нужно сделать другие изменения в будущем, будет намного проще просто сделать их здесь;

<Style x:Key="FocusVisual"> 
      <Setter Property="Control.Template"> 
       <Setter.Value> 
        <ControlTemplate> 
         <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <LinearGradientBrush x:Key="ComboBox.Static.Background" EndPoint="0,1" StartPoint="0,0"> 
      <GradientStop Color="#FFF0F0F0" Offset="0.0"/> 
      <GradientStop Color="#FFE5E5E5" Offset="1.0"/> 
     </LinearGradientBrush> 
     <SolidColorBrush x:Key="ComboBox.Static.Border" Color="#FFACACAC"/> 
     <SolidColorBrush x:Key="ComboBox.Static.Editable.Background" Color="#FFFFFFFF"/> 
     <SolidColorBrush x:Key="ComboBox.Static.Editable.Border" Color="#FFABADB3"/> 
     <SolidColorBrush x:Key="ComboBox.Static.Editable.Button.Background" Color="Transparent"/> 
     <SolidColorBrush x:Key="ComboBox.Static.Editable.Button.Border" Color="Transparent"/> 
     <SolidColorBrush x:Key="ComboBox.MouseOver.Glyph" Color="#FF000000"/> 
     <LinearGradientBrush x:Key="ComboBox.MouseOver.Background" EndPoint="0,1" StartPoint="0,0"> 
      <GradientStop Color="#FFECF4FC" Offset="0.0"/> 
      <GradientStop Color="#FFDCECFC" Offset="1.0"/> 
     </LinearGradientBrush> 
     <SolidColorBrush x:Key="ComboBox.MouseOver.Border" Color="#FFFF0000"/> 
     <SolidColorBrush x:Key="ComboBox.MouseOver.Editable.Background" Color="#FFFFFFFF"/> 
     <SolidColorBrush x:Key="ComboBox.MouseOver.Editable.Border" Color="#FF7EB4EA"/> 
     <LinearGradientBrush x:Key="ComboBox.MouseOver.Editable.Button.Background" EndPoint="0,1" StartPoint="0,0"> 
      <GradientStop Color="#FFEBF4FC" Offset="0.0"/> 
      <GradientStop Color="#FFDCECFC" Offset="1.0"/> 
     </LinearGradientBrush> 
     <SolidColorBrush x:Key="ComboBox.MouseOver.Editable.Button.Border" Color="#FF7EB4EA"/> 
     <SolidColorBrush x:Key="ComboBox.Pressed.Glyph" Color="#FF000000"/> 
     <LinearGradientBrush x:Key="ComboBox.Pressed.Background" EndPoint="0,1" StartPoint="0,0"> 
      <GradientStop Color="#FFDAECFC" Offset="0.0"/> 
      <GradientStop Color="#FFC4E0FC" Offset="1.0"/> 
     </LinearGradientBrush> 
     <SolidColorBrush x:Key="ComboBox.Pressed.Border" Color="#FF569DE5"/> 
     <SolidColorBrush x:Key="ComboBox.Pressed.Editable.Background" Color="#FFFFFFFF"/> 
     <SolidColorBrush x:Key="ComboBox.Pressed.Editable.Border" Color="#FF569DE5"/> 
     <LinearGradientBrush x:Key="ComboBox.Pressed.Editable.Button.Background" EndPoint="0,1" StartPoint="0,0"> 
      <GradientStop Color="#FFDAEBFC" Offset="0.0"/> 
      <GradientStop Color="#FFC4E0FC" Offset="1.0"/> 
     </LinearGradientBrush> 
     <SolidColorBrush x:Key="ComboBox.Pressed.Editable.Button.Border" Color="#FF569DE5"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Glyph" Color="#FFBFBFBF"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Background" Color="#FFF0F0F0"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Border" Color="#FFD9D9D9"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Editable.Background" Color="#FFFFFFFF"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Editable.Border" Color="#FFBFBFBF"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Editable.Button.Background" Color="Transparent"/> 
     <SolidColorBrush x:Key="ComboBox.Disabled.Editable.Button.Border" Color="Transparent"/> 
     <SolidColorBrush x:Key="ComboBox.Static.Glyph" Color="#FF606060"/> 
     <!-- // --> 
     <Style x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}"> 
      <Setter Property="OverridesDefaultStyle" Value="true"/> 
      <Setter Property="IsTabStop" Value="false"/> 
      <Setter Property="Focusable" Value="false"/> 
      <Setter Property="ClickMode" Value="Press"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type ToggleButton}"> 
         <Border x:Name="templateRoot" BorderBrush="{StaticResource ComboBox.Static.Border}" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource ComboBox.Static.Background}" SnapsToDevicePixels="true"> 
          <Border x:Name="splitBorder" BorderBrush="Transparent" BorderThickness="1" HorizontalAlignment="Right" Margin="0" SnapsToDevicePixels="true" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"> 
           <Path x:Name="arrow" Data="F1 M 0,0 L 2.667,2.66665 L 5.3334,0 L 5.3334,-1.78168 L 2.6667,0.88501 L0,-1.78168 L0,0 Z" Fill="{StaticResource ComboBox.Static.Glyph}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/> 
          </Border> 
         </Border> 
         <ControlTemplate.Triggers> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="true"/> 
            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="false"/> 
            <Condition Binding="{Binding IsPressed, RelativeSource={RelativeSource Self}}" Value="false"/> 
            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="true"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.Static.Editable.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.Static.Editable.Border}"/> 
           <Setter Property="Background" TargetName="splitBorder" Value="{StaticResource ComboBox.Static.Editable.Button.Background}"/> 
           <Setter Property="BorderBrush" TargetName="splitBorder" Value="{StaticResource ComboBox.Static.Editable.Button.Border}"/> 
          </MultiDataTrigger> 
          <Trigger Property="IsMouseOver" Value="true"> 
           <Setter Property="Fill" TargetName="arrow" Value="{StaticResource ComboBox.MouseOver.Glyph}"/> 
          </Trigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="false"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.MouseOver.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="#FFFF0000"/> 
          </MultiDataTrigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="true"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.MouseOver.Editable.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.MouseOver.Editable.Border}"/> 
           <Setter Property="Background" TargetName="splitBorder" Value="{StaticResource ComboBox.MouseOver.Editable.Button.Background}"/> 
           <Setter Property="BorderBrush" TargetName="splitBorder" Value="{StaticResource ComboBox.MouseOver.Editable.Button.Border}"/> 
          </MultiDataTrigger> 
          <Trigger Property="IsPressed" Value="true"> 
           <Setter Property="Fill" TargetName="arrow" Value="{StaticResource ComboBox.Pressed.Glyph}"/> 
          </Trigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsPressed, RelativeSource={RelativeSource Self}}" Value="true"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="false"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.Pressed.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.Pressed.Border}"/> 
          </MultiDataTrigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsPressed, RelativeSource={RelativeSource Self}}" Value="true"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="true"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.Pressed.Editable.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.Pressed.Editable.Border}"/> 
           <Setter Property="Background" TargetName="splitBorder" Value="{StaticResource ComboBox.Pressed.Editable.Button.Background}"/> 
           <Setter Property="BorderBrush" TargetName="splitBorder" Value="{StaticResource ComboBox.Pressed.Editable.Button.Border}"/> 
          </MultiDataTrigger> 
          <Trigger Property="IsEnabled" Value="false"> 
           <Setter Property="Fill" TargetName="arrow" Value="{StaticResource ComboBox.Disabled.Glyph}"/> 
          </Trigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="false"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.Disabled.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.Disabled.Border}"/> 
          </MultiDataTrigger> 
          <MultiDataTrigger> 
           <MultiDataTrigger.Conditions> 
            <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="false"/> 
            <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource AncestorType={x:Type ComboBox}}}" Value="true"/> 
           </MultiDataTrigger.Conditions> 
           <Setter Property="Background" TargetName="templateRoot" Value="{StaticResource ComboBox.Disabled.Editable.Background}"/> 
           <Setter Property="BorderBrush" TargetName="templateRoot" Value="{StaticResource ComboBox.Disabled.Editable.Border}"/> 
           <Setter Property="Background" TargetName="splitBorder" Value="{StaticResource ComboBox.Disabled.Editable.Button.Background}"/> 
           <Setter Property="BorderBrush" TargetName="splitBorder" Value="{StaticResource ComboBox.Disabled.Editable.Button.Border}"/> 
          </MultiDataTrigger> 
         </ControlTemplate.Triggers> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <!-- // --> 
     <ControlTemplate x:Key="ComboBoxTemplate" TargetType="{x:Type ComboBox}"> 
      <Grid x:Name="templateRoot" SnapsToDevicePixels="true"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/> 
       </Grid.ColumnDefinitions> 
       <Popup x:Name="PART_Popup" AllowsTransparency="true" Grid.ColumnSpan="2" IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="1" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom"> 
        <Themes:SystemDropShadowChrome x:Name="shadow" Color="Transparent" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=templateRoot}"> 
         <Border x:Name="dropDownBorder" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"> 
          <ScrollViewer x:Name="DropDownScrollViewer"> 
           <Grid x:Name="grid" RenderOptions.ClearTypeHint="Enabled"> 
            <Canvas x:Name="canvas" HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0"> 
             <Rectangle x:Name="opaqueRect" Fill="{Binding Background, ElementName=dropDownBorder}" Height="{Binding ActualHeight, ElementName=dropDownBorder}" Width="{Binding ActualWidth, ElementName=dropDownBorder}"/> 
            </Canvas> 
            <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
           </Grid> 
          </ScrollViewer> 
         </Border> 
        </Themes:SystemDropShadowChrome> 
       </Popup> 
       <ToggleButton x:Name="toggleButton" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ComboBoxToggleButton}"/> 
       <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="false" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"> 
        <Setter Property="Margin" TargetName="shadow" Value="0,0,5,5"/> 
        <Setter Property="Color" TargetName="shadow" Value="#71000000"/> 
       </Trigger> 
       <Trigger Property="HasItems" Value="false"> 
        <Setter Property="Height" TargetName="dropDownBorder" Value="95"/> 
       </Trigger> 
       <MultiTrigger> 
        <MultiTrigger.Conditions> 
         <Condition Property="IsGrouping" Value="true"/> 
         <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false"/> 
        </MultiTrigger.Conditions> 
        <Setter Property="ScrollViewer.CanContentScroll" Value="false"/> 
       </MultiTrigger> 
       <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false"> 
        <Setter Property="Canvas.Top" TargetName="opaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/> 
        <Setter Property="Canvas.Left" TargetName="opaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
     <SolidColorBrush x:Key="TextBox.Static.Background" Color="#FFFFFFFF"/> 
     <Style x:Key="ComboBoxEditableTextBox" TargetType="{x:Type TextBox}"> 
      <Setter Property="OverridesDefaultStyle" Value="true"/> 
      <Setter Property="AllowDrop" Value="true"/> 
      <Setter Property="MinWidth" Value="0"/> 
      <Setter Property="MinHeight" Value="0"/> 
      <Setter Property="FocusVisualStyle" Value="{x:Null}"/> 
      <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/> 
      <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type TextBox}"> 
         <ScrollViewer x:Name="PART_ContentHost" Background="Transparent" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
     <ControlTemplate x:Key="ComboBoxEditableTemplate" TargetType="{x:Type ComboBox}"> 
      <Grid x:Name="templateRoot" SnapsToDevicePixels="true"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/> 
       </Grid.ColumnDefinitions> 
       <Popup x:Name="PART_Popup" AllowsTransparency="true" Grid.ColumnSpan="2" IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom"> 
        <Themes:SystemDropShadowChrome x:Name="shadow" Color="Transparent" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=templateRoot}"> 
         <Border x:Name="dropDownBorder" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"> 
          <ScrollViewer x:Name="DropDownScrollViewer"> 
           <Grid x:Name="grid" RenderOptions.ClearTypeHint="Enabled"> 
            <Canvas x:Name="canvas" HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0"> 
             <Rectangle x:Name="opaqueRect" Fill="{Binding Background, ElementName=dropDownBorder}" Height="{Binding ActualHeight, ElementName=dropDownBorder}" Width="{Binding ActualWidth, ElementName=dropDownBorder}"/> 
            </Canvas> 
            <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
           </Grid> 
          </ScrollViewer> 
         </Border> 
        </Themes:SystemDropShadowChrome> 
       </Popup> 
       <ToggleButton x:Name="toggleButton" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ComboBoxToggleButton}"/> 
       <Border x:Name="border" Background="{StaticResource TextBox.Static.Background}" Margin="{TemplateBinding BorderThickness}"> 
        <TextBox x:Name="PART_EditableTextBox" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsReadOnly="{Binding IsReadOnly, RelativeSource={RelativeSource TemplatedParent}}" Margin="{TemplateBinding Padding}" Style="{StaticResource ComboBoxEditableTextBox}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/> 
       </Border> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsEnabled" Value="false"> 
        <Setter Property="Opacity" TargetName="border" Value="0.56"/> 
       </Trigger> 
       <Trigger Property="IsKeyboardFocusWithin" Value="true"> 
        <Setter Property="Foreground" Value="Black"/> 
       </Trigger> 
       <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"> 
        <Setter Property="Margin" TargetName="shadow" Value="0,0,5,5"/> 
        <Setter Property="Color" TargetName="shadow" Value="#71000000"/> 
       </Trigger> 
       <Trigger Property="HasItems" Value="false"> 
        <Setter Property="Height" TargetName="dropDownBorder" Value="95"/> 
       </Trigger> 
       <MultiTrigger> 
        <MultiTrigger.Conditions> 
         <Condition Property="IsGrouping" Value="true"/> 
         <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false"/> 
        </MultiTrigger.Conditions> 
        <Setter Property="ScrollViewer.CanContentScroll" Value="false"/> 
       </MultiTrigger> 
       <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false"> 
        <Setter Property="Canvas.Top" TargetName="opaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/> 
        <Setter Property="Canvas.Left" TargetName="opaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
     <Style TargetType="{x:Type ComboBox}"> 
      <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/> 
      <Setter Property="Background" Value="{StaticResource ComboBox.Static.Background}"/> 
      <Setter Property="BorderBrush" Value="{StaticResource ComboBox.Static.Border}"/> 
      <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/> 
      <Setter Property="BorderThickness" Value="1"/> 
      <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/> 
      <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> 
      <Setter Property="Padding" Value="6,3,5,3"/> 
      <Setter Property="ScrollViewer.CanContentScroll" Value="true"/> 
      <Setter Property="ScrollViewer.PanningMode" Value="Both"/> 
      <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> 
      <Setter Property="Template" Value="{StaticResource ComboBoxTemplate}"/> 
      <Style.Triggers> 
       <Trigger Property="IsEditable" Value="true"> 
        <Setter Property="IsTabStop" Value="false"/> 
        <Setter Property="Padding" Value="2"/> 
        <Setter Property="Template" Value="{StaticResource ComboBoxEditableTemplate}"/> 
       </Trigger> 
      </Style.Triggers> 
     </Style> 

Answer 2

При замене шаблона ComboBox вы полностью заменили все визуальные элементы элемента управления. Вместо того, чтобы повторно шаблонирования вы можете достичь желаемого эффекта, добавляя триггеры стиля вместо и оставить оригинальный шаблон нетронутыми:

<Style TargetType="ComboBox"> 
    <Setter Property="Foreground" Value="#000000"/> 
    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Setter Property="BorderBrush" Value="#FF0000" /> 
      <Setter Property="Foreground" Value="#FF0000"/> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Если вы хотите повторно шаблон управления вы можете найти полный настраиваемых шаблонов на MSDN, который должен поддерживать все стандартные функции.

Answer 3

Я не думаю, что триггеры будут работать, потому что BorderBrush, что вы изменяете не то же самое, что BorderBrush используется при наведении курсора мыши на элемент управления. Я считаю, что вам нужно изменить существующий стиль по умолчанию, чтобы получить нужную функцию.

Для WPF перейдите к дизайнеру и щелкните правой кнопкой мыши ComboBox -> Редактировать шаблон -> Изменить копию.

Затем измените следующие:

<MultiDataTrigger> 
    <MultiDataTrigger.Conditions> 
     <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true"/> 
     <Condition Binding="{Binding IsEditable, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ComboBox}}}" Value="false"/> 
    </MultiDataTrigger.Conditions> 
    <Setter Property="Background" TargetName="templateRoot"> 
     <Setter.Value> 
      <LinearGradientBrush EndPoint="0,1" StartPoint="0,0"> 
       <GradientStop Color="#FFECF4FC" Offset="0"/> 
       <GradientStop Color="#FFDCECFC" Offset="1"/> 
      </LinearGradientBrush> 
     </Setter.Value> 
    </Setter> 
    <Setter Property="BorderBrush" TargetName="templateRoot" Value="Red"/> 
</MultiDataTrigger> 

Изменение цвета Value в этой строке:

<Setter Property="BorderBrush" TargetName="templateRoot" Value="#FF569DE5"/> 

Для универсального приложения, перейдите в конструктор и щелкните правой кнопкой мыши на ComboBox -> Edit Template -> Редактирование копии.

Затем измените следующие:

<VisualState x:Name="PointerOver"> 
<Storyboard> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Background"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlPageBackgroundAltMediumBrush}"/> 
    </ObjectAnimationUsingKeyFrames> 
    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Background"> 
     <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightBaseMediumBrush}"/> 
    </ObjectAnimationUsingKeyFrames> 
</Storyboard> 

Изменение цвета Value в этой строке:

<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightBaseMediumBrush}"/> 

Надеюсь, это поможет вам, что вам нужно.

Answer 4

Используйте следующий код на странице XAML, где вы хотите ее использовать, или в App.xaml.

<Style x:Key="UpdateComboBoxStyle" TargetType="{x:Type ComboBox}" 
    BasedOn="{StaticResource {x:Type ComboBox}}"> 
    <Style.Triggers> 
    <Trigger Property="IsMouseOver" Value="True"> 
     <Setter Property="BorderBrush" Value="#FF0000" /> 
     <Setter Property="Foreground" Value="#FF0000"/> 
    </Trigger> 
    </Style.Triggers> 
</Style> 

В выпадающий список, добавить атрибут, как показано ниже:

Style="{StaticResource UpdateComboBoxStyle}" 

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