中继器实战:Axure制作抓阄

five
8 评论 7482 浏览 39 收藏 4 分钟
渴望踏入产品经理行业但无从下手?我们的1V1私教陪跑实战营,由大厂导师手把手带你入门,从理论到实践,助你快速掌握核心技能,轻松上手!

本文试着用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. 提供了源文件,可以下载

      来自北京 回复
专题
16095人已学习12篇文章
本专题的文章分享了如何从0到1搭建结算平台
专题
18050人已学习16篇文章
ERP是一种以系统化的方式,将企业内部所有的业务流程和数据进行整合和管理的软件系统。本专题的文章分享了ERP系统设计指南。
专题
15895人已学习12篇文章
本专题的文章分享了交互设计文档的撰写指南。
专题
13849人已学习13篇文章
情绪板由能代表用户情绪的文本、元素、图片拼贴而成,能够很好地帮助我们定义设计的方向。本专题的文章分享了如何应用情绪板。
专题
15131人已学习14篇文章
BI的核心价值在于满足企业不同人群对数据查询、分析和探索的需求,从而帮助企业更好的管理与决策。本专题的文章分享了BI系统概述。
专题
13447人已学习15篇文章
该如何有效推广?有效推广的策略有哪些呢?本专题的文章分享了产品推广策略。