h5 修改title 微信_iH5中级教程:微信必备,为H5设定标题

制作随机抽奖

1.选中页面,点击工具栏层工具,新建一个层,选中右键重命名为奖项。选中层,点击文本工具,在舞台上画一个框,填写文字。添加四个文本,分别为“谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。其中层在这里起的是方便管理对象和归类的作用。4个文本通过xy轴的设置将4个文本的坐标都设置为同一坐标。

2.选中页面1,点击文本工具,添加一个文本“开始”,作为抽奖按钮,这里为了方便辨认,我们可以给这个文本加个背景颜色。

3.选中页面,点击计数器工具,添加计数器,选中计数器,点击事件工具,加4个事件,为抽奖设置随机概率。本案例设置事件的触发条件均为数值范围,为了给抽奖设置随机概率,我们分别将事件1至事件4的最小值和最大值分别设置为“0,3”、“4,5”、“6,7”、“8,9”,大家自己在做的时候可以自由去设置,其抽奖概率。当计数器的值为0到3时抽到“谢谢惠顾”、4到5时抽到“一等奖”,如此类推,所以4个事件的目标对象分别是文本1、文本2、文本3、文本。

4.4个事件的目标动作均设置为隐藏同层控件,但是这里有一点要注意,不能设置为显示。原理:在这个案例当中我们抽奖需要不断地按开始按钮,不停地显示出奖项里的文本,文本又是叠在一起的,如果选择显示就会出现字体全都叠加在一起的问题。

5.添加计数器2,目的是显示抽奖次数,为了与计数器1区分开,我们可以设置一下计数器字体的颜色和字体大小。

6.选中开始按钮,点击事件工具,添加2个事件,目的是进行抽奖。其中事件1是点击开始按钮是计数器生成随机值,范围为0到9。事件2是为了显示次数,所以设置点击开始按钮的同时计数器2加1,点击1次抽奖计数器2就显示“1”,点击2次就显示“2”,如此类推。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值