Question

所以我有一个应用程序窗口（目前不在浏览器中），其分辨率为533x300。目前我正在显示其中的主屏幕，但是当用户决定进入菜单页面时，我希望主屏幕滑到顶部，菜单屏幕从底部滑入，就像在电话上完成一样

由于除了我需要使用故事板之外我不知道如何实现这一点，我希望一些优秀的撒玛利亚人能指出我正确的方向。

Answer 1

我给你留下了很棒的教程

http://www.silverlight.net/learn/creating-ui/animation-and-easing/animations-(silverlight-quickstart）

Answer 2

有几种方法可以解决这个问题。查看故事板上的快速教程，查看here和here。将主屏幕作为控制和菜单屏幕作为控件，您必须使用Translate Y转换来移动主屏幕，同时移动菜单屏幕。菜单屏幕的起始位置为0,300（因此它位于视图之外，位于底部），然后使用变换，您可以将主屏幕的“Y”属性设置为0到-300，菜单屏幕从300到0。说实话它是如果你可以使用Blend，这是一个非常简单的任务。

[编辑] 示例：针对textBlock控件的简单故事板

    <Storyboard x:Name="MoveUpBy300Over5Seconds">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="textBlock">
            <EasingDoubleKeyFrame KeyTime="0" Value="300"/>
            <EasingDoubleKeyFrame KeyTime="0:0:5" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>

Silverlight故事板：如何开始？

2 个答案: