电脑教程
位置:首页>> 电脑教程>> 苹果Mac教程>> Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

  发布时间:2023-04-29 03:46:18 

标签:苹果,mac,Axure,RP教程,Axure,RP

欢迎观看 Axure RP 教程,小编带大家学习 Axure RP 的基本工具和使用技巧,了解如何在 Axure RP 中制作交互式应用导航框架。

高保真交互框架可以模拟程序加载时的交互效果。还可以实现页面结构的简洁。不需要在画布上放置过多的页面内容(例如使用动态面板的许多状态来保存内容),导致加载时间过长。

首先制作主页,主页是通过动态面板实现的,有两种状态,一种是导航;另一种是内部框架。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

右侧的内容区是通过动态面板实现的。有两种状态,一种是动态加载图标;另一种是内嵌框架,用于加载不同的页面内容。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

制作好首页后,就可以制作其他页面的内容了。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

在主页导航列表创建交互动作,在框架内打开链接,点击时,内联框架内会打开不同的页面。然后将标题文本设置为对应的列表文本。最后将导航动态面板设置为框架,同时加载动画。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

设置导航面板的交互。 当面板状态改变时,将内容面板的状态设置为状态 2(正在加载...),等待 200ms,将内容面板的状态设置为状态 1(内容框架)。这样加载内容的交互就设置好了。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?

接下来需要设置帮助到导航列表的交互。单击「返回」按钮时,将导航面板的状态设置为导航,将内容面板的状态设置为状态 2 (loading...)。最后,给所有内容添加一个手机边框。

Axure RP 教程「55」,如何在 Axure RP 中制作交互式应用导航框架?



0
投稿

猜你喜欢

手机版 电脑教程 asp之家 www.aspxhome.com