Как мне заставить этот триггер работать? - PullRequest
Новая
       18

Как мне заставить этот триггер работать?

0 голосов
/ 27 марта 2012

Я создал UserControl для использования в моем приложении. Он состоит из ComboBox в сетке с двумя кнопками Repeat. Этот элемент управления предназначен для использования в приложении, которое будет работать на ноутбуке с сенсорным экраном. Кнопки используются для выбора следующего или предыдущего выбора в 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 получает фокус. Стиль под названием «FocusedStyle» в ресурсах UserControl должен сделать это для меня, но он не работает. Цвета фона и фона никогда не меняются.

Что не так с моим кодом?

Tony

1 Ответ

1 голос
/ 27 марта 2012

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

Попробуйте: 

<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}}}"

из комбинированного списка.

Таким образом, триггер сможет установить значение свойства, поскольку свойство не устанавливается самим элементом управления.

...