Question

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

Answer 1

分级下拉列表效果我们也常见到，比如说我们购物要选择地址的时候，就需要到！那么使用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相对热门的基础课：