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

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

导航 教程 应用
152 2023-09-11

欢迎观看 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 中制作交互式应用导航框架?

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

关于我们 | 广告服务 | 联系我们 | 免责声明 | 网站地图 | 友情链接

湘ICP备19005331号-4 2018-2024 guofenkong.com 版权所有.

果粉控是专业苹果设备信息查询平台,提供最新的IOS系统固件下载和相关APP应用及游戏下载,绿色无毒,下载速度快。

联系邮箱:guofenkong@163.com