如何为页面中的每个UI元素应用十字转门效果

Question

当应用程序启动时,我有一个启动画面,然后加载mainpage.xaml.Mainpage有很多UI元素,如按钮和文本块.加载它需要大约一两秒钟,所以我认为一些动画可以填补空白.否则它可能看起来有点尴尬.

Windows手机本机应用程序(如消息)在页面打开时使用一些默认动画,枢轴标题在其后旋转,然后是其他UI,门打开的东西.经过一番研究,我发现它们是陀螺动画的默认故障.

    <toolkit:TransitionService.NavigationInTransition>
    <toolkit:NavigationInTransition>
        <toolkit:NavigationInTransition.Backward>
            <toolkit:TurnstileTransition Mode="BackwardIn"/>
        </toolkit:NavigationInTransition.Backward>
        <toolkit:NavigationInTransition.Forward>
            <toolkit:TurnstileTransition Mode="ForwardIn"/>
        </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
    <toolkit:NavigationOutTransition>
        <toolkit:NavigationOutTransition.Backward>
            <toolkit:TurnstileTransition Mode="BackwardOut"/>
        </toolkit:NavigationOutTransition.Backward>
        <toolkit:NavigationOutTransition.Forward>
            <toolkit:TurnstileTransition Mode="ForwardOut"/>
        </toolkit:NavigationOutTransition.Forward>
    </toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

所以我</phone:PhoneApplicationPage>在MainPage 的标签上面放了上面的代码.但是页面的元素没有十字转门动画,我怎样才能将它应用到页面中的其他UI元素？有人可以指导我吗？

Alfah

Answer 1

你所指的是一种"羽毛旋转"或"剥离"过渡.

我知道有三种实现方式:

• Colin Eberhardt的"剥离"动画作为他的Metro In Motion系列的一部分(免费,包含来源)
• Clarity Consulting的旋转门过渡(免费,包括来源)
• Telerik用于Windows Phone的RadControls(不是免费的,没有来源)

以上都没有集成到工具包的过渡框架中.我自己也考虑过这样做,但从来没有时间.