返回介绍

屏幕过渡动画

发布于 2024-12-29 21:43:35 字数 2243 浏览 0 评论 0 收藏 0

屏幕过渡动画概述

设计 iPhone 应用程序时,从一个屏幕过渡到另一个屏幕使用动画就像滑动条那样是很普遍的。在 Axure RP 中,屏幕可以设计在一个动态面板里面和设置面板状态行动用于从一个屏幕滑动过渡到下一个。这个 iPhone 应用程序教程向您展示如何做到这一点。

从一个方面说明,构建你的 iPhone 应用程序原型在动态面板是一个不错的方式来把你的整个应用程序放在一个页面。但为了防止过载的动态面板可能会很难控制在一个页面上,考虑将它分解成多个页面是值得考虑的。

iPhone 应用程序导航与动态面板

添加热点

首先,打开 axureiphoneapp.zip 并打开 iPhoneApp-StateChangeNavigationTutorial.rp 文件。添加热点在后退按钮和现在播放按钮的上面。我们这样做是因为这些按钮是由多个部件组成的,和我们想要添加一个交互到整个区域。

将第一个转换为动态面板

接下来,我们将把这两个屏幕放在一个动态面板里面。选择第一个屏幕的所有部件包含灰色背景,右键单击并将其转化为一个动态面板。标签这个面板为交互面板。

添加"暂停"状态

添加一个额外的状态面板通过在动态面板管理器右键单击面板并选择添加状态。

标签状态 1 为"现在播放"和状态 2 为“暂停”。

粘贴小部件到"暂停"状态

选择站列表屏幕小部件,剪切和粘贴成站状态。将粘贴小部件移动到位置 0,0。

添加 OnClick 到热点

选择"现在播放"热点,并双击 OnClick 事件打开事件编辑器。

设置面板状态为“现在播放”

为交互面板添加控制面板状态行动并勾选复选框。“现在播放”状态将被默认选中。选择并单击 OK 关闭事件编辑器。

单击 OK 关闭编辑器。

打开播放状态,添加到 OnClick

导航到现在播放状态,选择后退按钮热点,并双击 OnClick 打开事件编辑器。

设置面板状态“暂停”

选择“设置面板状态”和勾选交互面板复选框。从下拉目录中选择暂停状态,并为“动画进时”和“动画出时”选择“向右滑”然后单击 OK。

现在可以在你的桌面上生成和测试它或者把它放在你的苹果手机上看看效果了。

总结

现在你有能力为你的苹果手机应用原型设置动态面板了,合理地使用它吧!还需要其他帮助吗?查看 论坛 或联系我们 support@axure.com

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文