集册 Axure RP 指南 屏幕过渡动画

屏幕过渡动画

欢马劈雪     最近更新时间:2020-08-04 05:37:59

419

屏幕过渡动画概述

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

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

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

添加热点

image

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

将第一个转换为动态面板

image

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

添加"暂停"状态

image

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

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

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

image

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

添加 OnClick 到热点

image

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

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

image

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

单击 OK 关闭编辑器。

打开播放状态,添加到 OnClick

image

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

设置面板状态“暂停”

展开阅读全文