本文试着用Axure制作抓阄,一起来看看如何制作~
又到了午餐时间,吃什么……
(是时候换个工作了,附近餐馆、外卖都吃腻了!)
抓阄(基于中继器的抓阄)。
本次实战涉及到以下几点:
- 中继器新增行;
- 中继器新增过滤器;
- 中继器移除过滤器;
- 中继器更新行;
- 中继器删除行。
效果如下:
创建中继器:
中继器中增加元件如下:
中继器设置列如下:
中继器设置交互如下:
操作中继器
1、中继器新增行
- 初始化“排序字段元件”文字为0、每次新增成功后值+1;
- 设置中继器排序字段(order)为“排序字段元件”文字;
- 设置中继器name字段为输入框文字。
2、中继器新增过滤器
生成符合条件的随机数。
Math.random(),返回介于 0 ~ 1 之间的一个随机数。
Math.floor(),求一个浮点数的地板,就是求一个最接近它的整数,它的值小于或等于这个浮点数。
LVAR1,“排序字段元件”文字……
新增过滤器设置排序字段等于生成的随机数。
3、中继器移除过滤器
4、中继器更新行
这里设置的是输入框失去焦点后自动更新。
5、中继器删除行
因为这里删除了所有行,所以设置条件为1==1;如果需要删除,条件设置同中继器新增过滤器。
案例访问地址:https://axhub.im/pro/32acf0e0782cceb6
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。