axure7.0教程_小楼作品（十四）math函数的使用（3）Math.Random随机数的到来 ...
axure7.0教程_小楼作品（十四）math函数的使用（3）Math.Random随机数的到来
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之间的随机数，并显示在文本面板上。
http://www.soger.net/wp-content/uploads/2013/08/14.gif
首先，我们照例准备元件，不过这次实在没有什么好准备的，只要准备一个按钮和一个文字面板并设置好标签就好了。
之后就是实现思路：
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、获取随机数后，我们只需要在添加一个事件，就是把获取的随机数添加到文本面板的元件文字上。
http://www.soger.net/wp-content/uploads/2013/08/14.png
好了，获取随机数就是这么简单，下面，就是见证奇迹的时刻！你做对了吗？
本文出自 诉客 ▪ 产品经理的心声，转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/413.html
收藏分享评分
页:
[1]
