65.9K
CodeProject 正在变化。 阅读更多。
Home

使用 Telerik Controls for WP7 的 RadPhoneApplicationFrame 进行页面动画

2012年6月14日

CPOL

3分钟阅读

viewsIcon

13247

作为一名 WP7 开发人员,您可能想构建一个具有页面导航或方向更改动画的令人惊叹的应用程序。 本文将通过使用 Telerik Windows Phone 7 控件来帮助您实现这一目标。 请继续阅读以了解有关 API 和实施步骤的更多信息。

引言

目前,我正在使用 Telerik 控件开发一个 Windows Phone 7 应用程序,并学习有关其库中存在的控件的更多知识。 因此,我想在我的博客上分享这些知识,为期几天。 如果您正在使用这些控件,这将有助于您快速学习。

作为一名 WP7 开发人员,您可能想构建一个具有页面导航或方向更改动画的令人惊叹的应用程序。 本文将通过使用 Telerik Windows Phone 7 控件来帮助您实现这一目标。 请继续阅读以了解有关 API 和实施步骤的更多信息。

了解 API

Telerik.Windows.Controls.Primitives.dll”中“Telerik.Windows.Controls”命名空间下的RadPhoneApplicationPage 允许您为根应用程序框架设置页面过渡和方向更改动画。 Telerik Windows Phone 7 控件库中定义了几个动画,您可以使用它们来创建令人惊叹的 WP7 应用程序。

RadPhoneApplicationPage 源自 Windows Phone 7 SDK 中的PhoneApplicationFrame,并继承了 SDK 中存在的所有其他功能。 使用此 Telerik API,您可以在应用程序中创建自己的 WP7 OS 风格的动画。

Telerik RadPhoneApplicationPage 暴露了两个名为Transition 的类型为RadTransition 和类型为RadAnimationOrientationChangeAnimation的附加属性。 第一个属性“Transition”允许您在导航到不同页面时设置页面过渡。 另一个属性OrientationChangeAnimation 允许您在更改应用程序页面的方向时为页面设置动画。

如何实现?

您想在您的应用程序中实现它吗? 这不是一项大任务。 只需要转到您的 *App.xaml.cs* 文件并导航到名为“InitializePhoneApplication()”的方法。 在那里,您将看到应用程序RootFrame 设置为PhoneApplicationFrame 的新实例。 您需要通过创建 Telerik 控件的RadPhoneApplicationFrame 的新实例来替换它,如下所示

Using Telerik Controls for WP7Dev - Part 1 - RadPhoneApplicationFrame for Page Animations

就这样。 您的应用程序页面现在将拥有 Telerik RadPhoneApplicationFrame 的新功能。 那么,我们之前描述的动画和过渡属性呢? 稍等!!! 您现在必须将这些属性设置为RootFrame 实例。 您可以通过在创建 Telerik RadPhoneApplicationFrame 实例时设置属性来做到这一点,或者您可以随时从您的应用程序中动态设置它。

这是我们的代码,用于为页面导航添加淡入淡出过渡效果,并为方向更改效果添加淡入淡出动画,您可以从库中选择大量的过渡和动画

RootFrame = new RadPhoneApplicationFrame
                {
                    Transition = new RadFadeTransition(),
                    OrientationChangeAnimation = new RadFadeAnimation()
                };

如果您想从代码中动态更改过渡效果或方向动画,您必须首先将应用程序RootFrame 设为static。 然后,您可以使用应用程序的App 实例从任何页面设置RootFrame,如下所示

((RadPhoneApplicationFrame)App.RootFrame).Transition = new RadContinuumAndSlideTransition();
((RadPhoneApplicationFrame)App.RootFrame).OrientationChangeAnimation = new RadFadeAnimation();

结束语

我希望这篇文章对您理解 API 及其在您的 Windows Phone 7 应用程序中的用法非常有帮助。 现在,您将能够轻松地在您的应用程序中使用它。

如果您有任何疑问,请使用下面的评论表单来留下您的问题。 我会尽快尝试回复您。 欢迎并高度赞赏您的反馈和建议。

请继续关注我的博客推特脸书,阅读有关各种技术领域的更多文章、教程、新闻、提示和技巧。 此外,请订阅我们的新闻通讯并提供您的电子邮件 ID,以随时了解最新文章。 我们将向您注册的电子邮件地址发送新闻通讯。 我们不会与任何人共享您的电子邮件地址,因为我们尊重隐私。

© . All rights reserved.