快好知 kuaihz

中继器实战:Axure制作抓阄

本文试着用Axure制作抓阄,一起来看看如何制作~

又到了午餐时间,吃什么……

(是时候换个工作了,附近餐馆、外卖都吃腻了!)

抓阄(基于中继器的抓阄)。

本次实战涉及到以下几点:

中继器新增行;

中继器新增过滤器;

中继器移除过滤器;

中继器更新行;

中继器删除行。

效果如下:

创建中继器

中继器中增加元件如下:

中继器设置列如下:

中继器设置交互如下:

操作中继器

1、中继器新增行

初始化“排序字段元件”文字为0、每次新增成功后值+1;

设置中继器排序字段(order)为“排序字段元件”文字;

设置中继器name字段为输入框文字。

2、中继器新增过滤器

生成符合条件的随机数。

Math.random(),返回介于 0 ~ 1 之间的一个随机数。

Math.floor(),求一个浮点数的地板,就是求一个最接近它的整数,它的值小于或等于这个浮点数。

LVAR1,“排序字段元件”文字……

新增过滤器设置排序字段等于生成的随机数。

3、中继器移除过滤器

4、中继器更新行

这里设置的是输入框失去焦点后自动更新。

5、中继器删除行

因为这里删除了所有行,所以设置条件为1==1;如果需要删除,条件设置同中继器新增过滤器。

案例访问地址:https://axhub.im/pro/32acf0e0782cceb6

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:中继器  中继器词条  抓阄  抓阄词条  实战  实战词条  制作  制作词条  Axure  Axure词条  
原型

 Axure教程:如何制作有趣的小...

如何利用Axure来制作有趣的小红书促销小游戏?一起来文中看看~温馨提示注:本教程适合有Axure基础的人观看首先我们先看看制作的效果:操作说明:长按圆脸,脸会...(展开)

原型

 Axure 教程:QQ音乐播放页...

离上一次发文到现在,已经很久没有写了,趁着这两天心血来潮,临摹一个 QQ 音乐的播放界面,因为个人能力有些不足,在这里还要感谢 Phoenix 老师、...(展开)

原型

 Axure 教程:原型中埋点统计...

在平时工作中,不知道大家有没有遇到这样的情况。我们在做完一个 Axure 的交互原型后,分享给我们的目标用户进行测试时特别的希望可以知道用户的操作路径,都进行了...(展开)