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

李冰琪            来源:优草派

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

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

操作步骤如下:

一、导航制作

1、在画布中拖入几个文本标签,其中一个作为一级导航默认显示状态,其余几个作为二级导航,设置成组并默认隐藏状态。

2、同时在中继器的数据表中依次进行赋值设置。

二、交互设置

我们设置【鼠标移入】一级菜单的时候会显示二级菜单,在更多选项中设置【弹出效果】。设置之后我们在预览的时候可以看到鼠标移入一级菜单时,页面中会弹出二级菜单,同样的鼠标移出一级菜单后二级菜单会自动收起。

三、细节优化

完成以上步骤后,我们可以发现如果二级菜单为空值,菜单也会展示,这样就无法达到效果。我们可以为二级菜单增加【载入时】状态,如果二级菜单为空值,那么隐藏该菜单,且拉起下方组件。

我们还需要设置一个步骤:用鼠标点击时将该二级菜单设置为选中。

设置完成后,我们需要将所有二级菜单设置为一个选项组,这样就可以让我们在做二级菜单的选中时,达到“单选”的效果。

以上就是Axure使用中继器制作顶部导航的操作步骤,中继器可以帮助我们设计很多页面原型,希望大家可以熟练掌握运用中继器制作顶部导航的方法。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行