Axure怎么制作分级下拉列表效果?

如题所述

分级下拉列表效果我们也常见到,比如说我们购物要选择地址的时候,就需要到!那么使用Axure原型软件怎么制作出一个分级下拉列表的原型呢?下面就来教一教大家怎么操作!零基础小白想要自学Axure做产品原型,那么专业教学就可以事半功倍!选择的Axure自学视频课,就能够在最短的时间获取到最全面的Axure知识~感兴趣就就进~

Axure制作分级下拉列表效果教程:

一、材料下拉框1个,中继器三个,中继器内文本框1个,右箭头一个,样式根据个人喜欢设计即可。

二、中继器表格一级中继器内容

text为显示的内容

next为是否有下一级内容,如果有,不需填写;如果没有,填写1

二级中继器内容

text为上级的内容,即该二级是属于哪个一级的

text2为显示的内容

next为是否有下一级内容,如果有,不需填写;如果没有,填写1。eg:北京市只有两级,next填写1,则不会显示向右箭头

三级中继器内容

text为第一级的内容,即该内容是属于哪个一级的

text2的为第二级内容,即该内容是属于哪个二级的

text3为显示的内容

三、中继器内交互(1)外框交互

这个比较简单,鼠标单击时,切换中继器一二三的隐藏/显示样式。

(2)中继器交互

一级中继器内容

每项加载时,设置文本框的文字为text列。如果next列不是空值,隐藏向右箭头。

二级中继器内容

每项加载时,设置文本框的文字为text2列。如果next列不是空值,隐藏向右箭头。

三级中继器内容

每项加载时,设置文本框的文字为text3列。

(3)中继器内文本框交互

鼠标单击时:添加筛选。

即点击一级中继器的文本框时,筛选出二级item.text=this.text的值。点击二级点击一级中继器的文本框时,筛选出三级级item.text2=this.text的值。完成之后,以后使用只要更改中继器表格的数据即可

效果演示

以上就是关于“Axure怎么制作分级下拉列表效果?”的全部内容分享了,希望能够帮助到你~更多Axure技巧学习,尽在!Axure相关文章、Axure相关问答、Axure专业自学视频课都是你学习提升的好帮手~想要快速有效的学习掌握Axure,那么Axure视频课就真的千万不要错过了!专业讲师、全面知识点、从0到1逐渐掌握~下面为各位小伙伴推荐几套Axure相对热门的基础课:

温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜