栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

产品-Axure9英文版,使用Repeater中继器实现下拉多选框

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

产品-Axure9英文版,使用Repeater中继器实现下拉多选框

文章目录
  • 1.演示
  • 2.操作

1.演示

2.操作

用默认default制作样式

拉入repeater,将其中的形状删除,拉入一个Label,


调整repeater中的间距以及排版问题

这就意味着repeater内一行放置4个元素

repeater中行删除

选择repeater进行赋值,并将repeater重命名”已选择项 列表“

在旁边拉入一个label,命名”计数器“ 键盘输入0 (后面会说原因)

选择下面的跳舞选项,添加interaction




到此为止,跳舞所含有的interaction如下

接下来给计数器设定interaction
(大致含义是:勾选爱好后,默认提示语会自动消失,没有爱好时,自动出现,借助计数器这个媒介,勾选爱好时,计数器>0,否则计数器为0)


去跳舞那里出发这个计数器时间,两者需要进行联动

这里fireEvent事件的具体操作如下
Event后面之所以是Loaded事件,是因为我们设置默认提示语时,就是Loaded(可以自行查看”默认提示语“的interaction以验证)

此时的制作效果如下

下面就开始解决选择框内的自适应高度问题

函数式子是这样的:[[LVAR1.y+LVAR1.height+15]]
之所以设置rotated事件,是因为对于这个组件来讲,这是一个永不会触发到的事件,你用哪一个都可以,只要保证在这个页面上不要被触发即可。
(图中解释了含义,蓝色是自己量出来的,粉色就是LVAR1.y,repeater的高就是LVAR1.height。如果理解有误,请指正)

把下面的部分设置为dynamic panel (方便自适应)
再回到下拉背景框,设置让下面的也自适应大小
[[background.height]]

再回到跳舞,需要触发下拉背景的rotated才能让其生效

在unselected中也设置

将跳舞的这事件,复制给其他乒乓音乐等选项

在三角位置增加一个hotspot

增添的interaction如下


到了最后阶段,全选所有为一个dynamic panel

把计数器随便放个位置send to back 隐藏即可

到此,所有功能全部完成 。
这里说一下为何要设置计数器,有个这个后,就避开了全局变量,你就可以复用作为控件了,如果不信,你可以省区计数器,采用全局变量的模式,复制粘贴到另一个文档,就不管用了…


原创不易,也是为了自己更好的学习,时间久了防止遗忘。
若有错误或者更好的方法,欢迎批评指正。

暑期编程PK赛 得CSDN机械键盘等精美礼品!
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1016478.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号