axure rp9下拉框发生改变时,切换动态面板

这段时间画原型,遇到下拉框选中不同值时,要切换显示不同的动态面板,所以就自己瞎研究了一番,实现了效果。

当然可能也有别的实现方法我不知道,但是我这个可以实现,我就先记录下来。

首先先看一下我操作的过程图吧,如下:

接下来细说每一个过程吧。。。。。

1.首先需要准备一个下拉列表,两个动态面板,用于切换。具体如下图:

2.对下拉列表添加事件,选中下拉框,在交互中可以看到“选项改变时->设置可见性”,点击

3.点击后会出现以下页面,我习惯双击进去配置页面,不然这边只能配一个,其余还是要点进去配

4.双击进入会,会看到如下页面。鼠标在“选项改变时”或“显示隐藏”行悬停时,后面会出现对应可以配置的操作,点击配置条件即可

先配置启用情形,可以想象成if条件。当条件满足的时候在配置条件里的显示隐藏

5.如下图,配置情形1,我要实现的是下拉框选中“请选择性别”时

当然,当我用的比较多之后,发现配置情形时,其实根本没必要选中值,直接默认的选项也是可以达到效果的,如下图所示:

 

6.情形1已配置好 ,下面添加情形1下的目标

7.配置情形1时,男生和女生的动态面板都隐藏

 

8.继续添加情形2

9. 配置情形2,我要实现的是下拉框选中“男生”时

10. 情形2已配好,选中情形2,添加显示、隐藏的动作

11.配置情形2下隐藏女生,显示男生。

12.接下来情形3依次设置即可 。配置完成后点击预览即可查看效果

  • 9
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值