Axure怎么使用中继器制作顶部导航?制作方法是什么?

中继器的英文叫做"Repeater"表示重复的意思,其实中继器有个数据集的概念,所谓的数据集就是这个中继器所要处理的数据源,学习它的使用有助于我们快速设计一些复杂的交互界面 。本文小编来教大家如何用中继器制作顶部导航 。

Axure怎么使用中继器制作顶部导航?制作方法是什么?

文章插图
操作步骤如下:
一、导航制作
1、在画布中拖入几个文本标签,其中一个作为一级导航默认显示状态,其余几个作为二级导航,设置成组并默认隐藏状态 。
2、同时在中继器的数据表中依次进行赋值设置 。
二、交互设置
我们设置【鼠标移入】一级菜单的时候会显示二级菜单,在更多选项中设置【弹出效果】 。设置之后我们在预览的时候可以看到鼠标移入一级菜单时,页面中会弹出二级菜单,同样的鼠标移出一级菜单后二级菜单会自动收起 。
【Axure怎么使用中继器制作顶部导航?制作方法是什么?】三、细节优化
完成以上步骤后,我们可以发现如果二级菜单为空值,菜单也会展示,这样就无法达到效果 。我们可以为二级菜单增加【载入时】状态,如果二级菜单为空值,那么隐藏该菜单,且拉起下方组件 。
我们还需要设置一个步骤:用鼠标点击时将该二级菜单设置为选中 。
设置完成后,我们需要将所有二级菜单设置为一个选项组,这样就可以让我们在做二级菜单的选中时,达到“单选”的效果 。
以上就是Axure使用中继器制作顶部导航的操作步骤,中继器可以帮助我们设计很多页面原型,希望大家可以熟练掌握运用中继器制作顶部导航的方法 。

    推荐阅读