手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure 9 如何设计下拉列表的交互事件

时间:2024-10-13 00:22:23

1、首先拉取下拉框作为省,并为省的下拉列表填充数据数据内容:广东省-揭阳市、广州市、深圳市浙江省-黄州市、宁波市、温州市江苏省-南京市、苏州市、无锡市

Axure 9 如何设计下拉列表的交互事件
Axure 9 如何设计下拉列表的交互事件

2、接下来我们需要让点击广东省为出现对应广东省的堇郓眢孩辖区,点击江苏省为出现对应江苏省的辖区,我们另外再拉取一个下拉框,先命名为广东辖区,然后右键选择转换为动态面板,动态面板命名为辖区

Axure 9 如何设计下拉列表的交互事件
Axure 9 如何设计下拉列表的交互事件

3、双击动态面板,为动态面板添加对应的省状态,在每个状态中都拉取一个下拉框进行对应命名,并填充对应省下的市数据。

Axure 9 如何设计下拉列表的交互事件
Axure 9 如何设计下拉列表的交互事件

4、点击省的下拉框,新建交互事件为:选项改变时。逻辑:当选项改变时,判断下拉框值为哪个,然后对应改变面板状态,如下图

Axure 9 如何设计下拉列表的交互事件

5、上述步骤完成时,点击预览,即可实现该效果

© 手抄报圈