我尝试创建具有标签和文本框的用户控件。我希望我的控件有自定义的视觉状态集。所以我在 xaml 中编写了这段代码：
<UserControl x:Class="OgameApp.Components.TextField"
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:local="clr-namespace:OgameApp.Components"
mc:Ignorable="d"
d:DesignWidth="500"
Validation.ErrorTemplate="{x:Null}">
<UserControl.Resources>
<Style TargetType="Label">
<Setter Property="FontSize" Value="16" />
<Setter Property="Padding" Value="0 0 0 5" />
<Setter Property="Foreground" Value="#FF6D6D6D" />
</Style>
<Style TargetType="TextBox">
<Setter Property="FontSize" Value="16" />
</Style>
</UserControl.Resources>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:3" />
</VisualStateGroup.Transitions>
<VisualState Name="Normal" />
<VisualState Name="Focus">
<Storyboard>
<ColorAnimation To="Blue" Storyboard.TargetName="LabelControl" Storyboard.TargetProperty="Foreground" />
</Storyboard>
</VisualState>
<VisualState Name="Success" />
<VisualState Name="Error" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<StackPanel Name="WrapperControl">
<Label Name="LabelControl" Content="Binding Label" />
<TextBox Name="TextBoxControl" Text="{Binding Value}" Validation.Error="TextBox_Error" GotFocus="TextBox_GotFocus"/>
</StackPanel>
在我的 UserControl 类中：
public partial class TextField : UserControl
{
public static readonly DependencyProperty LabelProperty;
public static readonly DependencyProperty ValueProperty;
static TextField() {
LabelProperty = DependencyProperty.Register("Label", typeof(string), typeof(TextField));
ValueProperty = DependencyProperty.Register("Value", typeof(string), typeof(TextField));
}
public string Label
{
get { return (string)GetValue(LabelProperty); }
set { SetValue(LabelProperty, value); }
}
public string Value
{
get
{
return (string)GetValue(ValueProperty);
}
set
{
SetValue(ValueProperty, value);
}
}
public TextField()
{
InitializeComponent();
WrapperControl.DataContext = this;
}
private void TextBox_Error(object sender, ValidationErrorEventArgs e)
{
VisualStateManager.GoToState(this, "Error", true);
}
private void TextBox_GotFocus(object sender, RoutedEventArgs e)
{
VisualStateManager.GoToState(this, "Focus", true);
VisualStateManager.GoToState(LabelControl, "Focus", true);
}
}
所以我很尊重，当我专注于控件的文本框元素时，标签的视觉状态会发生变化，前景色会发生变化。但它不会发生。