Axure8.0实例.doc

《Axure8.0实例.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Axure8.0实例　　福彩双色球，大部分朋友对此并不陌生吧，相信买过的朋友或多或少都对此有所研究，今天我们一起来用Axure8.0模拟做一个双色的开奖过程。今天使用的主要知识点有，全局变量的使用，中继器的增删以及排序。　　　　预览：　　　　　　一、元件准备　　1、添加两个中继器，分别用来存放双色的红球和蓝球，取名为“红球”和“蓝球”，初始时隐藏；　　分别在中继器中放入一个椭圆形的元件，其中把放入“红球”中继器的椭圆形元件的边框设置成红色，字体也设置成红色；放入“蓝球”中继器的椭圆形元件的边框设置成蓝色，字体也设置成蓝色；并分别给这两个椭圆形元件命名为“红球中奖号码”和“蓝球中奖号码

2、”；　　设置“红球”中继器的布局样式为水平，并勾选“网格排布”，设置“每排项目数”为6(因为红球数量为6个)。　　　　2、添加四个全局变量，分别取名为“red”、“blue”、“random”、“value”；4个全局变量的作用分别是：　　red：存放红球的编号数值，我们都知道双色球的红色号码是：01~33，这里我们就把这33个号码存放到“red”这个全局变量中，全局变量的初始值我们这里设置成：　　blue：存放蓝球的编号数值，双色球的蓝色号码是：01~16，同“red”变量一样，这里把全局变量的初始值设置成：　　random：存放生成的随机数，默认为为空，目的是截取“red”或“b

3、lue”变量内容的开始下标；　　value：获取从变量“red”或“blue”中截取到的号码，默认值为空。　　　　3、添加7个椭圆形的元件，分别明明为“1”、“2”、“3”、“4”、”5”、“6”、“7”，用来存放开奖时随机抽取的号码，其中前6个为红色球，最后一个为蓝色球，并将这7个元件设置成隐藏；　　　　4、最后，还需要一个按钮，命名为“抽奖”，初始文字内容为“开始抽奖”；　　　　至此，所有的元件已经添加完毕，当然你也可以添加几个文字标签，让界面更加醒目，我这里偷个懒，就不加文字标签了。　　二、添加用例　　1、首先给“抽奖”按钮添加用例　　“抽奖”按钮有两种情况：　　第一次抽奖；　

4、　重新抽奖。　　我们可以根据“抽奖”按钮的文字内容去判断是不是为第一次抽奖。　　（1）如果“抽奖”按钮的文字内容为“开始抽奖”，那么我们要执行以下用例：　　　　1）给全局变量“random”获取一个随机值，且这个值有一定的限值条件，这个值的范围必须是：0~132，不能等于132，且必须是4的倍数。　　为什么是这个范围？因为“random”要跟“red”的长度去匹配，用于后续的截取“red”内的特定内容的开始位置，而“red”变量的初始值的长度就是132(下标是从0开始的，所以“red”标量的最大小标是131)；　　为什么必须是4的倍数？因为我们在定义“red”变量的时候是通过区分每一

5、个球的号码的，且包括在内，每一个号码的长度都是4；　　怎么样获取这个数值？这里要用到数学函数里的随机函数random()，因为Math.random()函数获取的是0~1之间的小数，所以就需要通过特定的处理获取0~132之间且为4的倍数的数字，通过Math.random()*99/3获取0~33之间的数值，然后通过数学函数Math.floor()向下取整数，这样就能取到0~32之间的全部整数，且包括0和32，然后再诚意4，就能取得0~132之间所有4的倍数的数值(包括0，不包括132)；　　　　2）给全局变量“value”设置值，因为“value”变量是用来存放“red”或“blue

6、”变量中截取的号码的，在开始点击“抽奖”按钮时，一般是从红色球开始的，所以这里就要从“red”变量中截取抽中的红色球的号码，前面已经提到过，球的号码是通过开始和结束的，所以我们这里在截取球的号码值时是截取长度为4，通过字符串函数substr()截取；　　　　3）取得第一个红色球的号码，椭圆形元件“1”是用来存放第一个红色球的，所以就把第一个红色球的号码，赋给“1”。因为截取的号码包括的4位长度的字符串，我们这里只需要内的数值就可以了，所以还需要通过字符串函数substr()去截取“value”变量内的数值，数值的长度是2；　　　　4）显示“1”。给“1”添加一个动画，这样更直观一些，

7、我这里添加了一个“向右翻转”的一个动画，时间是1s，大家可以根据自己喜好自行设计；　　{{11}无所不能的哦；　　　　6）添加“红球”中继器。这一步的目的是为了后续生成中奖号码排序用的。因为在axure中，貌似只能在中继器红可以排序(双色球开奖时的号码是随机的，开奖过程中并不是按大小出来号码的，而是在中奖号码全部出来之后才按照大小排序的)。我们把“1”元件的文字内容添加到“红球”中继器中备用；　　7）禁用“抽奖”按钮。我们点击“抽奖”按钮，已经开始抽奖了，