Использование DataTrigger в WPF - PullRequest
Новая
       38

Использование DataTrigger в WPF

1 голос
/ 03 мая 2011

У меня есть элемент управления TextBox, определенный в XAML, и я хочу применить различные цвета фона к TextBox на основе его свойств IsReadOnly или IsEnabled.Я использовал dataTriggers для фактического переключения между цветами, как показано ниже: 

<Style x:Key="TextBoxStyle" TargetType="TextBox">
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsEnabled}" Value="True">
            <Setter Property="TextBox.Background" Value="Yellow"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding IsReadOnly}" Value="True">
            <Setter Property="TextBox.Background" Value="Red"/>
        </DataTrigger>
        <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding IsReadOnly}" Value="True"/>
                <Condition Binding="{Binding IsEnabled}" Value="True"/>
            </MultiDataTrigger.Conditions>
            <Setter Property="Background" Value="Green"/>
        </MultiDataTrigger>
    </Style.Triggers>
</Style>

И TextBox определяется так, как показано ниже: 

  <TextBox Name="sourceTextBox"  Margin="5,3,5,3" IsReadOnly="True" Style="{StaticResource TextBoxStyle}" />

Но проблема в том, что цвета неприменяется правильно.

Есть ли проблемы с вышеуказанным подходом?

Ответы [ 2 ]

5 голосов
/ 03 мая 2011

Вы излишне усложняете вещи 

<Style x:Key="TextBoxStyle" TargetType="TextBox">
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="True">
            <Setter Property="Background" Value="Yellow"/>
        </Trigger>
        <Trigger Property="IsReadOnly" Value="True">
            <Setter Property="Background" Value="Red"/>
        </Trigger>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsEnabled" Value="True"/>
                <Condition Property="IsReadOnly" Value="True"/>
            </MultiTrigger.Conditions>
            <Setter Property="Background" Value="Green"/>
        </MultiTrigger>
    </Style.Triggers>
</Style>
3 голосов
/ 03 мая 2011

Я думаю, вам нужно просто добавить RelativeSource={RelativeSource Self} к вашим привязкам: 

<Style x:Key="TextBoxStyle" TargetType="{x:Type TextBox}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="True">
            <Setter Property="Background" Value="Yellow" />
        </DataTrigger>
        <DataTrigger Binding="{Binding IsReadOnly, RelativeSource={RelativeSource Self}}" Value="True">
            <Setter Property="Background" Value="Red" />
        </DataTrigger>
        <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding IsReadOnly, RelativeSource={RelativeSource Self}}" Value="True"/>
                <Condition Binding="{Binding IsEnabled, RelativeSource={RelativeSource Self}}" Value="True"/>
            </MultiDataTrigger.Conditions>
            <Setter Property="Background" Value="Green"/>
        </MultiDataTrigger>
    </Style.Triggers>
</Style>

Однако есть еще одна проблема, я не верю, что вы когда-либо увидите красный фон, потому что TextBox сего свойство IsEnabled, установленное в False, имеет встроенный фоновый цвет в свой шаблон элемента управления, который будет иметь приоритет над установщиком триггера вашего стиля.

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

...