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

效果演示


组件

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


设置交互

页面载入时交互

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

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

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

"开始按钮"单击时交互

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

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

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

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

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

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

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

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

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

相关推荐
core51220 小时前
[硬核解析] 从感知到交互:InternVideo 1/2/2.5 全系列架构演进与原理解析
架构·大模型·交互·视频·video·intern
松☆21 小时前
OpenHarmony + Flutter 混合开发实战:构建支持多模态输入(语音+手势+触控)的智能交互应用
flutter·交互·xcode
酒尘&2 天前
JavaScript官网Promise篇
开发语言·前端·javascript·前端框架·交互
克喵的水银蛇2 天前
Flutter 通用表单组件封装:FormKit 一站式解决表单验证、状态管理与交互优化
flutter·microsoft·交互
阿巴~阿巴~2 天前
HTTP服务器实现请求解析与响应构建:从基础架构到动态交互
服务器·网络·网络协议·http·交互·请求解析·响应构建
苏打水com3 天前
第四篇:Day10-12 JS事件进阶+CSS动画——实现“复杂交互+视觉动效”(对标职场“用户体验优化”需求)
javascript·css·交互
SwBack3 天前
手势交互的粒子效果网页
交互
明洞日记3 天前
【设计模式手册016】中介者模式 - 解耦多对象交互
c++·设计模式·交互·中介者模式
老前端的功夫3 天前
移动端兼容性深度解析:从像素到交互的全方位解决方案
前端·前端框架·node.js·交互·css3