本文試著用Axure制作抓鬮，一起來看看如何制作~

又到了午餐時間，吃什么……

（是時候換個工作了，附近餐館、外賣都吃膩了！）

抓鬮（基于中繼器的抓鬮）。

本次實戰(zhàn)涉及到以下幾點：

1. 中繼器新增行；
2. 中繼器新增過濾器；
3. 中繼器移除過濾器；
4. 中繼器更新行；
5. 中繼器刪除行。

效果如下：

創(chuàng)建中繼器：

中繼器中增加元件如下：

中繼器設置列如下：

中繼器設置交互如下：

操作中繼器

1、中繼器新增行

• 初始化“排序字段元件”文字為0、每次新增成功后值+1；
• 設置中繼器排序字段（order）為“排序字段元件”文字；
• 設置中繼器name字段為輸入框文字。

2、中繼器新增過濾器

生成符合條件的隨機數。

Math.random()，返回介于 0 ~ 1 之間的一個隨機數。

Math.floor()，求一個浮點數的地板,就是求一個最接近它的整數,它的值小于或等于這個浮點數。

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

新增過濾器設置排序字段等于生成的隨機數。

3、中繼器移除過濾器

4、中繼器更新行

這里設置的是輸入框失去焦點后自動更新。

5、中繼器刪除行

因為這里刪除了所有行，所以設置條件為1==1；如果需要刪除，條件設置同中繼器新增過濾器。

案例訪問地址：https://axhub.im/pro/32acf0e0782cceb6

本文由 @fraidei 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議