Axure基础详解二十二:随机点名效果

效果演示


组件

建立一个【中继器】,内部插入一个"文本框"。【中继器】每页项目数为1,开始页为1。


设置交互

页面载入时交互

  • 给【中继器】新曾行,"name"数据列添加10行数据,填入相应的名字;"shunxu"数据列全部添加【random()】函数。
  • 根据"shunxu"数据列升序排序;

【中继器】每项加载时交互

  • 【设置文本】"文本框"到"name"数据列。

"开始按钮"单击时交互

条件1:如果"开始按钮"文本等于"开始"时

  • 【设置文本】"开始按钮"文本为"停止"
  • 设置【中继器】当前页为"下一页"

条件2:如果"开始按钮"文本等于"停止"时

  • 【设置文本】"开始按钮"文本为"开始"

"文本框"文字改变时交互

条件1:如果"开始按钮"文本等于"停止"并且【中继器】当前页不等于总页码

  • 等待100毫秒
  • 设置【中继器】当前页为"下一页"

条件2:如果"开始按钮"文本等于"停止"并且【中继器】当前页等于总页码

  • 等待100毫秒
  • 设置【中继器】当前页为"1"

相关推荐
Gazer_S3 小时前
【基于 SSE 协议与 EventSource 实现 AI 对话的流式交互】
前端·javascript·人工智能·交互
天桥下的卖艺者12 小时前
R语言使用scitable包交互效应深度挖掘一个陌生数据库
数据库·r语言·交互
轻口味3 天前
【每日学点HarmonyOS Next知识】Web交互、列表拖拽、横屏后布局、Event序列问题、Scroll与Web组合
前端·交互·harmonyos·harmonyosnext
孤蓬&听雨3 天前
Axure常用变量及使用方法详解
产品经理·axure·设计·产品设计·原型设计
产品设计大观3 天前
2025年主流原型工具测评:墨刀、Axure、Figma、Sketch
产品经理·axure·figma·sketch·墨刀
招风的黑耳3 天前
如何在PPT中直接演示Axure原型(一篇实用教程)
产品经理·axure·ppt
招风的黑耳4 天前
SpringUI:打造高质量Web交互设计的首选元件库
axure·元件库·ui设计·springui
怀君4 天前
Flutter——最详细原生交互(MethodChannel、EventChannel、BasicMessageChannel)使用教程
flutter·交互·flutter与原生交互
梓贤Vigo5 天前
【Axure高保真原型】多选树筛选表格
交互·产品经理·axure·原型·中继器
招风的黑耳5 天前
数据可视化大屏产品设计方案(附Axure源文件预览)
axure·可视化大屏·科技感