【发布时间】:2012-01-14 09:41:37
【问题描述】:
所以我有一个分辨率为 533x300 的应用程序窗口(当前不在浏览器中)。 目前我正在其中显示主屏幕,但是当用户决定转到菜单页面时,我希望主屏幕滑出到顶部,菜单屏幕从底部滑入,就像在电话上所做的那样.
由于除了需要使用故事板之外,我不知道如何完成此任务,因此我希望一些好心人能够为我指明正确的方向。
【问题讨论】:
标签: silverlight storyboard slide
所以我有一个分辨率为 533x300 的应用程序窗口(当前不在浏览器中)。 目前我正在其中显示主屏幕,但是当用户决定转到菜单页面时,我希望主屏幕滑出到顶部,菜单屏幕从底部滑入,就像在电话上所做的那样.
由于除了需要使用故事板之外,我不知道如何完成此任务,因此我希望一些好心人能够为我指明正确的方向。
【问题讨论】:
标签: silverlight storyboard slide
有几种方法可以解决这个问题。查看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>
【讨论】:
【讨论】: