Question

这个让我很难过。所以我有以下示例应用程序，当鼠标悬停在边框元素上时，它应该为边框元素的不透明度设置动画。 `

<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，动画永远不会触发。

我不确定这里有什么遗漏。

Answer 1

您应该指定ContentControl作为控件的状态正在发生变化：

private void OnMouseEntered(object sender, MouseEventArgs e)
{
    bool status = VisualStateManager.GoToState((ContentControl)sender, "FirstState", false);
}

Answer 2

将ApplyTemplate()添加到您的控件中（当动态（以编程方式）添加控件时需要。

Answer 3

在Page Loaded事件处理程序

中或之后的任何时候使用VisualStateManager进行状态转换

VisualStateManager.GoToState始终返回false

3 个答案: