Axure如何设计下拉列表的交互事件?
溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>为您推荐相关课程
更多课程>>大家好,我是小溜,在Axure关于下拉列表的设计中,会遇到需要联动的效果,以省市为例,即选择了下拉框的省为广东,对应市的下拉框也应是该省下的对应辖区,那么怎么实现呢?以下为方法介绍。
想学习更多的“Axure RP”教程吗?点击这里前往观看溜溜自学网免费试听课程>>
工具/软件
硬件型号:小米 RedmiBookPro 14
系统版本:Windows7
所需软件:Axure RP
方法/步骤
第1步
首先拉取下拉框作为省,并为省的下拉列表填充数据
数据内容:
广东省-揭阳市、广州市、深圳市
浙江省-黄州市、宁波市、温州市
江苏省-南京市、苏州市、无锡市
第2步
接下来我们需要让点击广东省为出现对应广东省的辖区,点击江苏省为出现对应江苏省的辖区,我们另外再拉取一个下拉框,先命名为广东辖区,然后右键选择转换为动态面板,动态面板命名为辖区
第3步
双击动态面板,为动态面板添加对应的省状态,在每个状态中都拉取一个下拉框进行对应命名,并填充对应省下的市数据。
第4步
点击省的下拉框,新建交互事件为:选项改变时。
逻辑:当选项改变时,判断下拉框值为哪个,然后对应改变面板状态,如下图
第5步
上述步骤完成时,点击预览,即可实现该效果
注意/提示
好了,本次关于“Axure如何设计下拉列表的交互事件?”的全部内容就分享到这里啦,希望小溜分享的内容能够帮助到大家。同时可以关注溜溜自学网,遇到不懂的问题可以在这里寻找到详细的解决方法。
Axure8.0交互设计必备教程

特别声明:以上文章内容来源于互联网收集整理,不得将文章内容用于商业用途,如有关于作品内容、版权或其它问题请与溜溜客服联系。