iH5中级教程:微信必备,为H5设定标题

 时间:2024-09-22 20:26:29

平常我们在朋友圈里看到朋友分享的一些例如“我用几步围住了神经猫”、“我的成绩超过了90%的人,你能比我高分吗”之类H5分享标题,而且每个都不一样。那么这是怎么做到的呢?下面我就是利用iH5来做了一个抽奖的分享H5,标题是“我用x次抽到了x等奖”,经验给大家分享一下。

工具/原料

iH5

方法/步骤

1、创建手机案例,选中舞台,点击页面工具,添加1个页面,右键重命名为方法一

iH5中级教程:微信必备,为H5设定标题

2、制作随机抽奖1.选中页面,点击工具栏层工具,新秃赈沙嚣建一个层,选中右键重命名为奖项。选中层,点击文本工具,在舞台上画一个框,填写文字。添加四个文本,分别为“鲆螋莆诊谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。其中层在这里起的是方便管理对象和归类的作用。4个文本通过xy轴的设置将4个文本的坐标都设置为同一坐标。2.选中页面1,点击文本工具,添加一个文本“开始”,作为抽奖按钮,这里为了方便辨认,我们可以给这个文本加个背景颜色。3.选中页面,点击计数器工具,添加计数器,选中计数器,点击事件工具,加4个事件,为抽奖设置随机概率。本案例设置事件的触发条件均为数值范围,为了给抽奖设置随机概率,我们分别将事件1至事件4的最小值和最大值分别设置为“0,3”、“4,5”、“6,7”、“8,9”,大家自己在做的时候可以自由去设置,其抽奖概率。当计数器的值为0到3时抽到“谢谢惠顾”、4到5时抽到“一等奖”,如此类推,所以4个事件的目标对象分别是文本文本文本文本。4.4个事件的目标动作均设置为隐藏同层控件,但是这里有一点要注意,不能设置为显示。原理:在这个案例当中我们抽奖需要不断地按开始按钮,不停地显示出奖项里的文本,文本又是叠在一起的,如果选择显示就会出现字体全都叠加在一起的问题。5.添加计数器2,目的是显示抽奖次数,为了与计数器1区分开,我们可以设置一下计数器字体的颜色和字体大小。6.选中开始按钮,点击事件工具,添加2个事件,目的是进行抽奖。其中事件1是点击开始按钮是计数器生成随机值,范围为0到9。事件2是为了显示次数,所以设置点击开始按钮的同时计数器2加1,点击1次抽奖计数器2就显示“1”,点击2次就显示“2”,如此类推。

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

3、微信设定标题1.选中页面,点击评鲦易纪文本工具,添加一个文本,不填任何内容,并右键重命名为“空文本”,这个空文本是用来传值的,因为如果微信设定标题有多个懈吡赜痖变量时在判断上会比较麻烦,用这种方法就比较方便。2.在层“奖项”里的文本文本文本文本4下分别添加一个事件,并设置触发条件为显示,目标,对象为空文本,目标动作为设置属性。然后选中属性窗口的内容里的编辑,分别输入“谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。在这里加一个事件,设置属性的目的是将文本里的内容传到空文本。3.选中舞台,点击变量工具,添加两个变量,分别命名a和b。为两个变量赋值,分别是空文本和计数器2,因为空文本的内容是我们抽奖抽到的奖项,而计数器2是计算抽奖次数的,所以我们在这里把空文本的绑定变量1,将计数器2的绑定变量2。4.选中文本1,点击事件工具,添加一个事件,设置触发条件为点击,目标对象为舞台,目标动作为微信设定标题,将值的空白框处输入“我用$b次抽到了$a”。5.记得要把层“奖项”都隐藏,否则会出现奖项里的字体重叠,如果觉得计数器1没必要显示也可以把它隐藏掉,这样随机抽奖并分享到朋友圈时会显示用几次抽到几等奖就会变成这个H5的标题啦!

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

4、微信设定标题方法2添加2个变量,分别命名为c和d。奖项下的文本添加事件,文本显示时目标对象文本,目标动作设置属性,绑定变量3。计数器2属性面板绑定变量4。开始按钮下添加事件,点击开始按钮,目标对象舞台,目标动作微信设定标题,值为我用$d次抽到了$c

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

iH5中级教程:微信必备,为H5设定标题

5、重点工具:计数器、变量、事件知识点:隐藏同层控件:目标对象显示,与目标对象的同层的所有其他对象都会隐藏。变量:可变化的值,与计数器、文本、输入框、时间轴等配合使用,传递内容。重点事件:触发对象:开始按钮触发条件:点击目标对象:计数器目标动作:生成随机数最小值:0最大值:9触发对象:计数器触发条件:数值范围最小值:0最大值:3目标对象:文本4目标动作:隐藏同层控件触发对象:开始按钮触发条件:点击目标对象:舞台目标动作:微信设定标题值:我用$b次抽到了$a

墨刀如何新建母版 iH5高级教程:3D翻书特效 iH5中级教程:自制手写贺卡H5 ih5怎么做图片位移动画? Animate如何快速绘制一个表格
热门搜索
playboy图片 便利店门头图片 好看的电影网 七夕图片大全 江淮货车报价及图片