Question

Axure怎么制作左侧导航原型？

Answer 1

当我们在工作中需要做左侧导航时，我们如何使用Axure制作呢?在本文中，将使用中继器向大家展示左侧导航制作操作，让我们一起来看看吧。谁说鱼与熊掌不可兼得？选择，Axure理论+实操双向提升~精选多套系统全面Axure自学视频课，综合教学，适合新手0基础入门到进阶，感兴趣有需要都不要错过~

Axure制作左侧导航原型教程：

一、导航制作

如上图所示，拖入6个文本标签，其中一个作为一级导航默认显示状态，其余5个作为二级导航，且设置成组并默认隐藏状态；

同时，在中继器的数据表中进行赋值设置，在这里，我以“N1”作为一级菜单，“N1_1”作为二级菜单的第一个选项，以此类推来设置其余的5个二级菜单；

二、交互设置

如上图所示，我们设置【点击】一级菜单时，切换显示和隐藏二级菜单，同时在更多选项中设置【推拉】下方组件，预览即可看到点击一级菜单时，会展开二级菜单，并使下方的其余菜单往下移动；

三、细节优化

在完成步骤二的交互设置后，我们会发现如果二级菜单为空值，菜单也会展示，这样就无法达到我们预期的理想状态，所以需要为二级菜单增加【载入时】如果二级菜单为空值，那么隐藏该菜单，且拉起下方组件；

此外，我们需要为二级菜单设置一个选中状态，并在点击时将该二级菜单设置为选中；

设置完成后，我们选中所有二级菜单并将它们设置为【二级菜单】的选项组，这样就可以让我们在做二级菜单的选中时，达到“单选”的效果。

以上所述就是“Axure怎么制作左侧导航原型？”的相关内容分享了，希望能够帮助到你！如果你还想要学习更多的Axure技巧，点击Axure相关文章，或者直接跟着我们的专业讲师开始Axure自学视频课学习体验~专业系统视频教程学习，学习收获总会比你零零散散图文学习来得更快速、更有效率~