Question

我已经创建了一个UserControl，可以在我的应用中使用。它由一个带有两个RepeatButtons的Grid中的ComboBox组成。此控件适用于将在配备触摸屏的笔记本电脑上运行的应用程序。这些按钮用于选择ComboBox中的下一个或上一个选项。这是控件的Xaml：

<UserControl x:Class="CarSystem.CustomControls.TouchComboBox"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:cs="clr-namespace:CarSystem.CustomControls"
             mc:Ignorable="d"
             Focusable="True"
             GotFocus="UserControl_GotFocus">

    <UserControl.Resources>
        <Style x:Key="FocusedStyle" TargetType="{x:Type ComboBox}">
            <Style.Triggers>
                <Trigger Property="IsFocused" Value="True">
                    <Setter Property="Background" Value="{DynamicResource FocusedBackground}" />
                    <Setter Property="Foreground" Value="{DynamicResource FocusedForeground}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Grid Background="{Binding Path=GridBackground, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
          Width="{Binding Path=Width, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>

        <ComboBox Background="{Binding Path=Background, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
                  BorderBrush="{Binding Path=BorderBrush, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
                  DisplayMemberPath="{Binding Path=DisplayMemberPath, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  FlowDirection="{Binding Path=FlowDirection, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  Focusable="True"
                  FontFamily="{Binding Path=FontFamily, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  FontSize="{Binding Path=FontSize, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  FontStretch="{Binding Path=FontStretch, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  FontStyle="{Binding Path=FontStyle, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  FontWeight="{Binding Path=FontWeight, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
                  Foreground="{Binding Path=Foreground, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
                  HorizontalAlignment="{Binding Path=HorizontalAlignment, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  HorizontalContentAlignment="{Binding Path=HorizontalContentAlignment, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  Grid.Column="0" 
                  ItemsSource="{Binding Path=ItemsSource, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  Name="ChoicesPicker" 
                  SelectedIndex="{Binding Path=SelectedIndex, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  SelectedValue="{Binding Path=SelectedValue, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  SelectedValuePath="{Binding Path=SelectedValuePath, Mode=TwoWay,RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}" 
                  SelectionChanged="ChoicesPicker_SelectionChanged"
                  Style="{StaticResource FocusedStyle}"
                  TabIndex="{Binding Path=TabIndex, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"
                  VerticalAlignment="Center"/>
        <RepeatButton Background="{DynamicResource ButtonBackground}" 
                      Click="SelectPreviousButton_Click"
                      Focusable="False"
                      Foreground="{DynamicResource ButtonForeground}" 
                      Grid.Column="1" 
                      IsTabStop="False"
                      Name="SelectPreviousButton">
            <Image Source="/CustomControls;component/Resources/VolumeUp.png" />
        </RepeatButton>
        <RepeatButton Background="{DynamicResource ButtonBackground}" 
                      Click="SelectNextButton_Click"
                      Focusable="False"
                      Foreground="{DynamicResource ButtonForeground}" 
                      Grid.Column="2" 
                      IsTabStop="False"
                      Name="SelectNextButton">
            <Image Source="/CustomControls;component/Resources/VolumeDown.png" />
        </RepeatButton>
    </Grid>
</UserControl>

我希望在ComboBox获得焦点时更改Background和Foreground画笔。 UserControl资源中名为“FocusedStyle”的样式应该为我做这个，但它不起作用。背景和ForeGround颜色永远不会改变。

我的代码出了什么问题？

贝

Answer 1

如果在实际控件中设置了该属性，则无法从样式设置属性，因为控件中设置的任何属性优先。

试试这个：

<UserControl.Resources>
    <Style x:Key="FocusedStyle" TargetType="{x:Type ComboBox}">
        <Style.Triggers>
            <Trigger Property="IsFocused" Value="True">
                <Setter Property="Background" Value="{DynamicResource FocusedBackground}" />
                <Setter Property="Foreground" Value="{DynamicResource FocusedForeground}" />
            </Trigger>
            <Trigger Property="IsFocused" Value="False">
                <Setter Property="Background" Value="{DynamicResource UnFocusedBackground}" />
                <Setter Property="Foreground" Value="{DynamicResource UnFocusedForeground}" />
            </Trigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>

然后你需要制作一个正常背景的DynamicResource。

然后删除

    Background="{Binding Path=Background, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"

和

    Foreground="{Binding Path=Foreground, Mode=TwoWay, RelativeSource={RelativeSource AncestorType={x:Type cs:TouchComboBox}}}"

来自Combobox的

。

这样触发器就能设置属性的值，因为属性不是由控件本身设置的。

如何使此触发器工作？

1 个答案: