首页
Portal
爱评测报告
行业
产品
推荐
设备
讨论&分享
BBS
搜索
帖子
门户
马上注册
找回密码
登录网站
用QQ登录
爱评测-移动互联网评测
»
讨论&分享
›
学习及教程
›
Axure教程及讨论
›
axure7.0教程_小楼作品(十四)math函数的使用(3)Math ...
返回列表
查看:
1272
|
回复:
0
axure7.0教程_小楼作品(十四)math函数的使用(3)Math.Random随机数的到来 ...
[复制链接]
tianzc
tianzc
当前离线
积分
5648
1313
主题
1337
帖子
5648
积分
管理员
积分
5648
发消息
电梯直达
楼主
发表于 2014-9-4 12:55:34
|
只看该作者
|
正序浏览
|
阅读模式
[/url]
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之间的随机数,并显示在文本面板上。
首先,我们照例准备元件,不过这次实在没有什么好准备的,只要准备一个按钮和一个文字面板并设置好标签就好了。
之后就是实现思路:
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、 获取随机数后,我们只需要在添加一个事件,就是把获取的随机数添加到文本面板的元件文字上。
好了,获取随机数就是这么简单,下面,就是见证奇迹的时刻!你做对了吗?
本文出自 诉客 ▪ 产品经理的心声,转载时请注明出处及相应链接。
本文永久链接: [url=http://www.soger.net/413.html]http://www.soger.net/413.html
收藏
分享
评分
Random
,
中继器
,
字符串
,
朋友
,
印象
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
马上注册
x
分享到:
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
0
相关帖子
•
动态面板拖拽范围限制
•
关于Axure中在页面传递中变量赋值问题
•
初探Axure 6 :LVAR.length 函数
•
Axure 6 :动画效果
•
[项目原型] 行业人的朋友圈App原型参考
•
新人求教,产品设计入门
•
如何使用axure实现微信朋友圈或者微博的那种滚动效果?
•
如何在AxureRP7中使用FontAwesome字体
•
axure7.0教程_小楼作品(一)中继器的使用(1)
•
axure7.0教程_小楼作品(四)中继器的使用(4)
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
马上注册
本版积分规则
发表回复
Function
小黑屋
Archiver
手机版
关于!
rss订阅
关于爱评测
爱评测FAQ
站点地图
爱评测 aipingce.com
快速回复
返回顶部
返回列表