沈阳制作网站的人,重庆建网站,怎么做博客网站,网站建设维护培训大家好#xff0c;我是大明同学。
这期内容#xff0c;我们将深入探讨Axure中随机函数的用法。 随机函数
创建随机函数所需的元件
1.打开一个新的 RP 文件并在画布上打开 Page 1。
2.在元件库中拖出一个矩形元件。
3.选中矩形元件#xff0c;样式窗格中#xff0c;将… 大家好我是大明同学。
这期内容我们将深入探讨Axure中随机函数的用法。 随机函数
创建随机函数所需的元件
1.打开一个新的 RP 文件并在画布上打开 Page 1。
2.在元件库中拖出一个矩形元件。
3.选中矩形元件样式窗格中将矩形元件命名为“数值”线宽设置为0输入文本“数值”。 4.在元件库中拖出一个按钮元件样式窗格中将填充色设置为蓝色#0052D9输入文本“生成随机数”。 创建交互 创建生成随机数按钮交互状态
1.选中生成随机数按钮元件在交互窗格点击新建交互单击时设置数值元件文本插入一个函数变量。 2.插入这段函数[[(Math.random()*31).toFixed(1)]]这里设置的是1-4随机出数如果想改变随机出数的区间改变Math.random()*31中“31”字段就可以例如想设置1-10之间随机出数就改成[[(Math.random()*91).toFixed(1)]]设置1-100之间随机出数就改成[[(Math.random()*991).toFixed(1)]]。 3.点击确认保持变量函数。 预览交互
点击预览在预览页面中鼠标单击生成随机数按钮会生成1-4的随机数。 一个生成随机数的交互就做好了但是我们发现这个生成随机数的交互生成的是小数那么如果我们要生成整数要怎么做呢?
1.选中文本框和按钮原件复制粘贴到画布上将文本框内“数值”文本改为“整数”便于区分。 改交互
改生成随机数按钮交互状态
1.选中生成随机数按钮元件在交互窗格点击设置文本交互将变量函数[[(Math.random()*31).toFixed(1)]]改成[[Math.floor((Math.random()*31).toFixed(1))]]。 *这段函数增加了“Math.floor”和一对小括号“” 预览交互
点击预览在预览页面中鼠标单击生成随机数按钮会生成1-4的随机整数。 这里还有一个问题细心的同学应该发现了这个随机数下一次出数的时候会出现同样的数值这个问题我将用轮播图案例来说明。 排重随机函数 创建随机函数所需的元件
创建轮播图
1.创建轮播图的案例我之前有做过一期内容感兴趣的同学看完这期内容可以去复习一下过往内容这里就略过细节大致操作就是准备四张不同颜色的Bannner图用于区分。 2.在元件库中拖出一个热区元件将元件命名为“比较”并隐藏元件用于接下来添加交互辅助比较数值。 创建交互
在创建交互之前需要先添加两个全局变量变量可以随便命名只要自己能看懂就行。 创建Banner交互状态
1.选中Banner动态面板在交互窗格中点击创建交互载入时设置变量值variable_2 值 为 [[Math.floor((Math.random()*31).toFixed(1))]]点击确定保存。 创建比较交互状态
1选中辅助比较辅助元件在交互窗格中点击创建交互单击时启用情形判断。
情形1如果值于 variable_2 值于 variable_1触发事件Banner 载入时。 情形2否则如果 为 真 等待 2500毫秒设置Banner动态面板 值 名称或序号 State[[variable_2]] 逐渐 500毫秒。 等待 500毫秒设置变量值 variable_1为[[variable_2]]触发事件Banner 载入时 2.选中选中Banner动态面板在交互窗格中添加触发事件比较 单击时。 预览交互
点击预览在预览页面中轮播图将随机排重播放每次播放的轮播图都不一样。 随机函数的应用场景还有很多比如随机点名换一换等等。
预览地址https://q6ei95.axshare.com
好的这期内容到这里就结束。
我是大明同学。
下期见。
