夏天的风

夏天的风 关注TA

Mac软件年会员卡促销

夏天的风

夏天的风

关注TA

Mac软件年会员卡促销

  •  未知
  • 未知
  • 写了3,255,077字

该文章投稿至Nemo社区   Mac教程  板块 复制链接


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

发布于 2022/10/14 09:44 397浏览 0回复 632

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

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

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

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

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

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

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

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

以上就是在 Axure RP 中制作交互式应用导航框架的方法。需要 Axure RP 软件的朋友可在本站下载,关注本站,学习Mac软件使用方法!

点击获取Axure RP 9 for Mac(原型设计软件)

本文标签
 {{tag}}
点了个评