- 准备开始
- 页面操作
- 部件库和 Masters
- 建立交互
- 引入动态面板
- 条件、值和变量
- 从头开始
- 从头构建一个电子商务网站
- 设计一个可以在 iPhone 或者 Android 上展示的原型
- 原型设计基础指南
- 按钮的交互
- 显示隐藏部件
- 用户自定义 Tooltip
- 导航菜单
- Masters 指南
- 触发事件教程之上一页/下一页链接 master
- 动态面板指南
- 图片循环显示
- 制作用户自定义的下拉菜单
- 折叠控制
- 选项板部件
- 视频与图片的 Lightbox
- 图像的拖拽交互
- 拖拽地图使用嵌套的动态面板和 OnDrag
- 自动旋转标题
- 高级原型设计指南
- 条件逻辑:账户登录教程
- Auto-Tab 字段
- Terms 和 Conditions
- 下拉列表选择
- 必填字段
- 设置文本下拉列表选择教程
- 将文本传递给下一个页面
- 在下一个页面上设置面板教程
- Web 设计指南
- 嵌入视频和地图
- iPhone App 指南
- 滑动菜单
- 滚动内容
- 屏幕过渡动画
- Swipping 幻灯片
- Repeater 部件指南
- Repeater 小部件
- 自适应视图指南
- 自适应视图
屏幕过渡动画
屏幕过渡动画概述
设计 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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论