Axure RP 8自定义复选下拉框,选中项文字同步显示

Axure RP 8自定义复选下拉框,选中项文字同步显示

一、展示与连接

最终实现效果图:
最终实现效果

本人实现的百度云盘链接:http://pan.baidu.com/s/1dF90czZ 以供学习,云盘密码在下方评论区中!

二、实现步骤 
简单步骤如下(可参照云盘中文件编辑):
A 拖拽“文本框”元件到编辑区,选择适合Icon放到文本框中
B 拖拽“列表框”元件到编辑区,鼠标右键设置为动态面板,并将列表框设为隐藏。如下所示:这里写图片描述

C 双击动态面板并确定编辑,如下图所示:
这里写图片描述
D 可以依次拖拽并添加复选框到动态面板的编辑区域中,右侧可以为每个复选框命名,以便添加交互效果时辨别用。
E 以下设置复选框交互效果以第一个全选原因为例:
(1)在元件属性中的“选中时”添加用例,并设置交互条件,效果如下图
这里写图片描述
(2)另外需要添加所有复选框的全局变量,对于第一个复选框,我们设置全局变量a来存储相应值,a默认值为空
这里写图片描述
(3)接下编辑交互效果,当全部原因选框选中时,我们吧“全部原因”赋值给a
并设置文本框显示为“[[a]]”这样当我们选中时文字就会显示在文本框处,同理当我们取消选中时,我们把a设置为空,同时设置文本框显示为“[[a]]”
这里写图片描述
(4) 最后将所有复选框的都这样设置,编辑结束

欢迎大家交流学习,不足之处还望指教!

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 19
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值