axure7.0教程_小楼作品(十四)math函数的使用(3)

AxureRP7.0教程 小楼一夜听春语 22521℃

Axure rp 7.0的教程写到现在,越来越体会到axure 7那种脱胎换骨的改变,有些朋友说,界面变化了,设置找不到了。这些都是表象。真正改变的是axure7.0淫荡的内心。

相信大家不管是使用我的axure 7.0元件库还是看我写的 axure7的教程,也都会有体会,axure7正在变得越来越复杂。但是,也越来越好用。有些朋友可能不同意,但这是真的。Axure7.0虽然元件只增加一个中继器,但是却多出了很多的事件和函数。事件就不用说了,有汉化版的帮助很好理解。但是如果只是这些事件,那应该叫axure6.6而不是axure7.0。真正让axure7.0名副其实的就是中继器和新增加的几十种函数。也正是这两个新元素,让很多人望而却步,操作复杂,非常难懂,是很多人对axure7.0的印象,在这里小楼老师对大家说,别怕,只要有楼老师在,一定会让你们把这些学会的。

今天我们这节教程,将继续之前的Math函数教程,具体要讲的是Math函数中的Random也就是随机数,同时还要用到一个新的字符串函数。

本教程示例原型下载:axure7.0教程_小楼作品(十四)Math.Random随机数的到来.rp

我们今天要做的效果是:每次点击按钮,获取1-20之间的随机数,并显示在文本面板上。

14

首先,我们照例准备元件,不过这次实在没有什么好准备的,只要准备一个按钮和一个文字面板并设置好标签就好了。

之后就是实现思路:

Math.Random()这个函数,每调用一次就会随机产生一个0-1之间的随机数,而且是一个很多位的小数。有意思吧!0-1之间,那怎么变成1-20之间呢?继续看过程:

1、 我们只需要在按钮的onclick事件中增加获取随机数的事件就可以了;

A设置一个变量ran=Math.Random()*100,意思是获取随机数后我们乘以100得到一个1-100之间的小数;

B、我们把这个小数变成整数,这里需要用到字符串函数substring,不知道怎么用可以看看6.5的教程,我们让ran=ran.Substring(0,ran.IndexOf(‘.’)),大家看到了一个新的函数indexof了吧,在之前的axure 7.0教程中字符串函数一节对它有介绍,就是获得一个字符在字符串中的位置。所以上面的公式意思就是让变量ran=ran当前的字符串从第一位开始截取到小数点的位置,这样我们就取到了整数部分。

2、 整数取到了,但是还不符合我们1-20的要求,这里就需要对整数进行取余;取余就是从取到的整数中不停的拿出20,直到剩下的不够20的那部分,比如100对20取余结果是0,80对20取余结果也是0,71对20取余结果是11,19对20取余结果是19;取余的公式ran=ran%20,%就是取余运算符,和+、-、*、/一样,但是不知道为什么Axure里面没有,不过并不影响使用。到这一步,我们取到了20以下的整数,但还是不符合我们的要求,因为能取到的是0-19,而不是1-20,所以我们要给这个结果+1,这样就是1-20的随机数了。

3、 获取随机数后,我们只需要在添加一个事件,就是把获取的随机数添加到文本面板的元件文字上。

14

好了,获取随机数就是这么简单,下面,就是见证奇迹的时刻!你做对了吗?

更新:这篇教程发布于Axure7.0测试版刚刚发布,当时对各种函数还属于摸索中,所以这篇教程的实现方法比较笨拙。

不过在后来录制的视频课程以及线下培训中,已经对获取方法进行了更正,获取随机数的公式:随机数公式:向下取整(随机数*获取位数)+起始数

本篇教程套用公式后,正确的获取方法为【设置文本】于矩形为【值】“[[Math.floor(Math.random()*20+1)]]”。

鉴于本篇教程除了随机数获取还有一些其他知识内容,不作删除,请大家批判着参考。


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战》系列视频------从零入门进阶的最佳课程------【点此查看详情】


转载请注明:Axure原创教程网 » axure7.0教程_小楼作品(十四)math函数的使用(3)

喜欢 (7)or分享 (0)