Axure9怎么设计省市关联的下拉列表交互事件?

百度经验   发布时间:2019-12-05 09:06:55   作者:shl020213   我要评论
Axure9怎么设计省市关联的下拉列表交互事件?日常我们在填写地址的时候,选择省以后,市也会跟这变,该怎么制作这个下拉列表的交互事件呢?下面我们就来看看详细的教程,需要的朋友可以参考下

在Axure关于下拉列表的设计中,会遇到需要联动的效果,以省市为例,即选择了下拉框的省为广东,对应市的下拉框也应是该省下的对应辖区,在填写地址的时候经常能遇到,该怎么制作这个效果呢?下面我们就来看看详细的教程。

1、首先拉取下拉框作为省,并为省的下拉列表填充数据

数据内容:

广东省-揭阳市、广州市、深圳市

浙江省-黄州市、宁波市、温州市

江苏省-南京市、苏州市、无锡市

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

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

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

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

以上就是Axure9设计省市关联的下拉列表交互事件的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP 8怎么给下拉列表框添加多个值?

axure怎么给下拉框/列表框和元件文本添加内容?

Axure RP 8怎么制作按钮控制下拉框选项?

相关文章

  • Axure中继器怎么制作穿梭框效果?

    Axure中继器怎么制作穿梭框效果?Axure经常制作网页原型,想要制作一个穿梭框的效果,该怎么制作你额?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-11-30
  • Axure中继器怎么对表格进行表格增删改?

    Axure中继器怎么对表格进行表格增删改?经常使用Axure制作网页原型,在对表格进行操作的时候,使用中继器对表格进行增减是很方便的,下面我们就来看看市里教程,需要的朋友
    2019-11-23
  • 墨刀和axure哪个好用? 墨刀与axure区别介绍

    墨刀和axure哪个好用?我们再制作网页原型的时候,经常使用墨刀和axure,这两款软件哪款比较好用?下面我们就来看看墨刀与axure区别介绍,需要的朋友可以参考下
    2019-11-21
  • Axure怎么制作加载动画中的圆环?

    Axure怎么制作加载动画中的圆环?网页中经常能见到圆环效果的加载动画,想要使用axure绘制这个圆环,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-11-07
  • axure怎么制作多选树效果? axure多级菜单的制作方法

    axure怎么制作多选树效果?axure制作玩野原型的时候,想要制作多选树效果,该怎么制作多级菜单呢?下面我们就来看看axure三级菜单的制作方法,需要的朋友可以参考下
    2019-11-05
  • Axure怎么制作计算三角函数正切余切弧度的工具?

    Axure怎么制作计算三角函数正切余切弧度的工具?经常需要计算三角函数,想要制作一个计算三角函数正切与余切弧度的工具,可以使用axure实现,下面我们就来看看详细的教程,
    2019-10-25
  • Axure怎么制作英文字母大小写转换器?

    Axure怎么制作英文字母大小写转换器?经常能遇到需要将大写字母转换成小写字母的问题,这时候,我们就可以使用axure制作一个英文字母转换器,下面我们就来看看详细的教程,
    2019-10-23
  • Axure项目怎么导入另一个项目的页面?

    Axure项目怎么导入另一个项目的页面?axure制作网站原型的时候,需要导入另一个项目的页面,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-18
  • Axure怎么制作点击弹框效果?

    Axure怎么制作点击弹框效果?Axure制作网页原型的时候,需要制作弹框效果,改怎么制作点击 弹框效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-18
  • axure怎么制作页面标签切换的效果?

    axure怎么制作页面标签切换的效果?很多网站都有动态的标签切换的效果,该怎么制作这个效果呢?下面我们就来看看详细的制作过程,需要的朋友可以参考下
    2019-09-26

最新评论