Silverlight:在可见和不可见状态之间添加可视过渡

Question

我想在可见性可以改变的控件上添加视觉效果(例如淡入,淡出).

我不知道从哪里开始这样做.我已经阅读了一些关于VisualStateManager和VisualTransform的内容,但我仍然不知道它是否可行以及该怎么做.你能帮助我吗 ？

谢谢

Answer 1

你想要什么是可能的.

你需要一个VisualStateManager定义a ShowState和a的HideState.这些又定义了Storyboard控制可见性的a.

然后你打电话

VisualStateManager.GoToState(uiElement, "ShowState", true);

在您的元素上发送带有动画的"ShowState".用"HideState"替换状态名称将隐藏元素.

我们用于的XAML VisualStateManager如下.它也可以激活不透明度,因此可以淡入/淡出.

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="VisualStates">
            <VisualState x:Name="ShowState">
                <Storyboard>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot"
                                                   Storyboard.TargetProperty="(UIElement.Opacity)">
                        <EasingDoubleKeyFrame KeyTime="00:00:01"
                                              Value="1" />
                    </DoubleAnimationUsingKeyFrames>
                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot"
                                                   Storyboard.TargetProperty="(UIElement.Visibility)">
                        <DiscreteObjectKeyFrame KeyTime="00:00:00">
                            <DiscreteObjectKeyFrame.Value>
                                <Visibility>Visible</Visibility>
                            </DiscreteObjectKeyFrame.Value>
                        </DiscreteObjectKeyFrame>
                    </ObjectAnimationUsingKeyFrames>
                </Storyboard>
            </VisualState>
            <VisualState x:Name="HideState">
                <Storyboard>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot"
                                                   Storyboard.TargetProperty="(UIElement.Opacity)">
                        <EasingDoubleKeyFrame KeyTime="00:00:01"
                                              Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot"
                                                   Storyboard.TargetProperty="(UIElement.Visibility)">
                        <DiscreteObjectKeyFrame KeyTime="00:00:01">
                            <DiscreteObjectKeyFrame.Value>
                                <Visibility>Collapsed</Visibility>
                            </DiscreteObjectKeyFrame.Value>
                        </DiscreteObjectKeyFrame>
                    </ObjectAnimationUsingKeyFrames>
                </Storyboard>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

注意这些KeyTime值可能需要针对您的应用进行调整.再看一遍,我看到"HideState"时间都是0,这可能无法给你想要的效果.AnthonyWJones可能在我们的应用程序中发现错误!