中继器实战:Axure制作抓阄

five
8 评论 7473 浏览 39 收藏 4 分钟
🔗 B端产品经理需要更多地进行深入的用户访谈、调研、分析,而C端产品经理需要更多地快速的用户测试、反馈、迭代

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

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

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

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

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

  1. 中继器新增行;
  2. 中继器新增过滤器;
  3. 中继器移除过滤器;
  4. 中继器更新行;
  5. 中继器删除行。

效果如下:

创建中继器:

中继器中增加元件如下:

中继器设置列如下:

中继器设置交互如下:

操作中继器

1、中继器新增行

  • 初始化“排序字段元件”文字为0、每次新增成功后值+1;
  • 设置中继器排序字段(order)为“排序字段元件”文字;
  • 设置中继器name字段为输入框文字。

2、中继器新增过滤器

生成符合条件的随机数。

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

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

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

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

3、中继器移除过滤器

4、中继器更新行

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

5、中继器删除行

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

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

 

本文由 @fraidei 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 元件名有点乱,看不懂

    来自广东 回复
  2. 来自北京 回复
  3. 我用Axure8.01年多了,看了您的这边指导,表示最后还是没看懂怎么使用中继器来做出效果图的原型。 😥

    来自上海 回复
    1. 同感

      来自湖北 回复
    2. 提供了源文件,可以下载

      来自北京 回复
    3. 我回家修改下,做精细化操作复盘给大家。

      来自北京 回复
    4. 提供了源文件,可以下载

      来自北京 回复
专题
146169人已学习32篇文章
做一个好运营,技术和意识都得过硬。
专题
43950人已学习16篇文章
设计库存、财务、退换货流程时不用一个头两个大了。
专题
17725人已学习18篇文章
本专题的文章分享了车载HMI设计指南,包括HMI的交互、设计、功能等方面的知识分享。
专题
16467人已学习11篇文章
本专题分享了算法相关的知识,汇总了算法的基础知识和进阶知识。
专题
17865人已学习13篇文章
当下人脸识别在生活中被应用得愈加广泛。本专题的文章分享了人脸识别的入门指南。
专题
19544人已学习15篇文章
评论区应该如何设计?本专题的文章提供了评论区设计思路。