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

效果演示


组件

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


设置交互

页面载入时交互

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

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

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

"开始按钮"单击时交互

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

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

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

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

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

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

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

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

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

相关推荐
●VON3 小时前
Flutter组件通信详解:父子组件交互的最佳实践
javascript·flutter·华为·交互·harmonyos·von
Daorigin_com4 小时前
合规经营新时代:从“安全港”制度看企业合规管理新路径
经验分享·百度·信息可视化·职场和发展·社交电子·交互·新浪微博
阿奇__5 小时前
Vue 开发总结:表单重置不彻底导致日期组件交互失效
vue.js·elementui·交互
梓贤Vigo6 小时前
【Axure视频教程】拖动和滚动效果
交互·产品经理·axure·原型·教程
探索未知的自己6 小时前
Axure RP 9 制作登录页面过程
axure
梓贤Vigo1 天前
【Axure原型分享】字母分类选择器
交互·产品经理·axure·原型·中继器
colin52101 天前
AxureRP11实例-动态面板有垂直滚动默认滚动到底部JH110004
axure·滚动·axurerp11
咬人喵喵3 天前
清明春游主题核心 SVG 交互玩法 + 案例 + 组件 / 教程
交互
Laurence3 天前
Qt 前后端通信(QWebChannel Js / C++ 互操作):原理、示例、步骤解说
前端·javascript·c++·后端·交互·qwebchannel·互操作
AxureMost3 天前
Seelen UI 桌面美化工具(仿MAC交互)
macos·ui·交互