Axure RP 9常用功能——下拉列表与动态面板520联动

目录

创建下拉列表

创建动态面板

下拉列表与动态面板联动

预览


        今天是2022年05月20日,520联动来了。先来个效果图,感受下节日氛围。

版本说明

Axure版本:Axure RP 9。

创建下拉列表

        从左侧【元件】的【默认库】拖拽一个【下拉列表】到右边空白处,如图:

双击【下拉列表】,如图:

添加3个列表,名称分别为5、2、0,如图:

创建动态面板

从左侧元件默认库拖拽一个动态面板到右边,如图:

双击动态面板,动态面板显示State1,如图:

 此时拖拽一个矩形框到面板中,并调整适合大小,写上数字5,如图: 

新增状态State2,如图:

 再拖入一个矩形,写上数字2,如图:

 同样的,新增状态State3,拖拽矩形后写上数字0,如图:

下拉列表与动态面板联动

        选则下拉列表,右边选择交互,新建交互,如图:

 选择【选项改变时】,如图:

选好后,如图:

 选中【选项改变时】,右键【添加情形】,选择【设置面板状态】,如图:

 

 点击确定,如图:

 继续右键【添加情形】,同样的方式设置【情形2】、【情形3】,如图:

 选中情形1,添加条件,如图:

 情形1对应下拉列表数值5,如图:

 同样设置情形2,情形3,如图:

预览

  • 6
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leboop-L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值