这个让我很难过。所以我有以下示例应用程序,当鼠标悬停在边框元素上时,它应该为边框元素的不透明度设置动画。 `
<UserControl.Resources>
<Style x:Key="borderstyle" TargetType="ContentControl">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ContentControl">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup>
<VisualState x:Name="FirstState">
<Storyboard>
<DoubleAnimation To="1.0" Storyboard.TargetName="border" Storyboard.TargetProperty="Opacity" FillBehavior="HoldEnd"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border Background="Blue" x:Name="border" Opacity="0.0"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White">
<Border BorderBrush="Red" BorderThickness="1" Width="51" Height="51">
<ContentControl Width="50" Height="50" Style="{StaticResource borderstyle}" MouseEnter="OnMouseEntered" />
</Border>
</Grid>
`
在代码背后我有以下代码......
private void OnMouseEntered(object sender, MouseEventArgs e)
{
bool status = VisualStateManager.GoToState(this, "FirstState", true);
}
而且......没有任何反应。 状态始终为false,动画永远不会触发。
我不确定这里有什么遗漏。
答案 0 :(得分:3)
您应该指定ContentControl
作为控件的状态正在发生变化:
private void OnMouseEntered(object sender, MouseEventArgs e)
{
bool status = VisualStateManager.GoToState((ContentControl)sender, "FirstState", false);
}
答案 1 :(得分:1)
将ApplyTemplate()
添加到您的控件中(当动态(以编程方式)添加控件时需要。
答案 2 :(得分:1)
在Page Loaded事件处理程序
中或之后的任何时候使用VisualStateManager进行状态转换