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

高保真交互结构可以模拟程序加载时的交互作用。还可以完成页面结构的简练。不需要在画布上放置过多的页面内容(例如使用动态面板的许多状况来保存内容),导致加载时刻过长。

首要制造主页,主页是经过动态面板完成的,有两种状况,一种是导航;另一种是内部结构。

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

右侧的内容区是经过动态面板完成的。有两种状况,一种是动态加载图标;另一种是内嵌结构,用于加载不同的页面内容。

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

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

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

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

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

设置导航面板的交互。 当面板状况改动时,将内容面板的状况设置为状况 2(正在加载…),等待 200ms,将内容面板的状况设置为状况 1(内容结构)。这样加载内容的交互就设置好了。

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

接下来需要设置协助到导航列表的交互。单击「返回」按钮时,将导航面板的状况设置为导航,将内容面板的状况设置为状况 2 (loading…)。最终,给一切内容增加一个手机边框。

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

以上就是在 Axure RP 中制造交互式应用导航结构的办法。