Как задать ElementName и Path для DataTrigger из отдельного словаря ресурсов XAML (другой файл)
У меня есть текстовое поле, окруженное рамкой с закругленными углами. Они оба имеют один и тот же цвет фона, чтобы они отображались как одно поле ввода данных. Когда пользователь щелкает текстовое поле, фон текстового поля и рамка меняют цвет. У меня это работает, когда стиль находится в моем MainWindow. Тем не менее, я пытаюсь абстрагировать весь свой стиль от XAML в MainWindow до центрального словаря ресурсов. При этом я обнаружил, что DataTrigger, который изменяет цвет фона границы, не работает, из-за того, что ElementName больше не находится в области действия (по крайней мере, я думаю, что это проблема). Я пытался упростить вещи, делая это в тестовом проекте / решении, но, похоже, не могу найти способ заставить работать триггер данных. У меня просто есть два файла XAML. Один мой MainWindow, другой мой словарь ресурсов. MainWindow XAML выглядит следующим образом:
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<ResourceDictionary Source="/MainSkins.xaml"/>
</Window.Resources>
<Grid HorizontalAlignment="Left" Width="307" Margin="83,0,0,0">
<Border Style="{StaticResource AnimatedInputTextBoxBorder}"
Margin="10,76,10,151">
<TextBox Name="txtTransitRoutingNumber" Style="{StaticResource
AnimatedInputTextBox}"
HorizontalAlignment="Left" Height="73" Margin="9,9,0,0"
TextWrapping="Wrap" Text=""
VerticalAlignment="Top"
Width="267"/>
</Border>
</Grid>
</Window>
А вот мой словарь ресурсов, который, как я упоминал выше, находится в совершенно другом файле из MainWindow.xaml:
<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication1">
<Style x:Key="AnimatedInputTextBoxBorder" TargetType="{x:Type Border}">
<Setter Property="Background" Value="#DADADA"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Padding" Value="5"/>
<Setter Property="CornerRadius" Value="15"/>
<Setter Property="BorderBrush" Value="#DADADA"/>
<Style.Triggers>
<!--THIS DATA TRIGGER IS NOT WORKING-->
<DataTrigger Binding="{Binding Path=IsFocused}" Value="true">
<Setter Property="Background" Value="#C2E4F6" />
<Setter Property="BorderBrush" Value="#C2E4F6"/>
</DataTrigger>
</Style.Triggers>
</Style>
<Style x:Key="AnimatedInputTextBox" TargetType="{x:Type TextBox}">
<Setter Property="Background" Value="#DADADA"/>
<Setter Property="Foreground" Value="#000000" />
<Setter Property="BorderThickness" Value="0"/>
<Style.Triggers>
<Trigger Property="IsFocused" Value="True">
<Setter Property="Background" Value="#C2E4F6"/>
</Trigger>
</Style.Triggers>
</Style>
</ResourceDictionary>
Буду очень признателен за любую помощь, так как я полностью новичок, когда дело доходит до XAML.
1 ответ
Благодаря Крису У., я смог найти обходной путь, который прекрасно работает. Вот решение:
<!--This style defines the animated input TextBoxes with rounded corners-->
<Style x:Key="AnimatedTextBoxStyle" TargetType="{x:Type TextBox}">
<Setter Property="Background" Value="#DADADA" />
<Setter Property="BorderBrush" Value="#DADADA" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="FontSize" Value="14" />
<Setter Property="TextAlignment" Value="Left"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBoxBase}">
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="5">
<ScrollViewer x:Name="PART_ContentHost" />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsFocused" Value="True">
<Setter Property="Foreground" Value="Black" />
<Setter Property="Background" Value="#C2E4F6" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>