iH5中级教程微信必备,为H5设定题.docx

《iH5中级教程微信必备,为H5设定题.docx》由会员分享，可在线阅读，更多相关《iH5中级教程微信必备,为H5设定题.docx（4页珍藏版）》请在三一办公上搜索。

1、iH5中级教程微信必备,为H5设定题iH5中级教程：微信必备，为H5设定标题 平常我们在朋友圈里看到朋友分享的一些例如“我用几步围住了神经猫”、“我的成绩超过了90%的人，你能比我高分吗”之类H5分享标题，而且每个都不一样。那么这是怎么做到的呢？今天给大家介绍一个非常好用的H5免费在线制作工具 iH5。下面我就是利用iH5来做了一个抽奖的分享H5，标题是“我用x次抽到了x等奖”，经验给大家分享一下。 第一步：创建手机案例，选中舞台，点击页面工具命名为方法一。 ，添加1个页面，右键重第二步：制作随机抽奖 1.选中页面，点击工具栏层工具，新建一个层，选中右键重命名为奖项。选，分别中层，点击文本工具

2、，在舞台上画一个框，填写文字。添加四个文本为“谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。其中层在这里起的是方便管理对象和归类的作用。4个文本通过xy轴的设置将4个文本的坐标都设置为同一坐标。 ，添加一个文本“开始”，作为抽奖按钮，2.选中页面1，点击文本工具这里为了方便辨认，我们可以给这个文本加个背景颜色。 3.选中页面，点击计数器工具，添加计数器，选中计数器，点击事件工具，加4个事件，为抽奖设置随机概率。本案例设置事件的触发条件均为数值范围，为了给抽奖设置随机概率，我们分别将事件1至事件4的最小值和最大值分别设置为“0,3”、“4,5”、“6,7”、“8,9”，大家自己在做的时候可以自

3、由去设置，其抽奖概率。当计数器的值为0到3时抽到“谢谢惠顾”、4到5时抽到“一等奖”，如此类推，所以4个事件的目标对象分别是文本1、文本2、文本3、文本。 4.4个事件的目标动作均设置为隐藏同层控件，但是这里有一点要注意，不能设置为显示。原理：在这个案例当中我们抽奖需要不断地按开始按钮，不停地显示出奖项里的文本，文本又是叠在一起的，如果选择显示就会出现字体全都叠加在一起的问题。 5.添加计数器2，目的是显示抽奖次数，为了与计数器1区分开，我们可以设置一下计数器字体的颜色和字体大小。 6.选中开始按钮，点击事件工具，添加2个事件，目的是进行抽奖。其中事件1是点击开始按钮是计数器生成随机值，范围为

4、0到9。事件2是为了显示次数，所以设置点击开始按钮的同时计数器2加1，点击1次抽奖计数器2就显示“1”，点击2次就显示“2”，如此类推。 第三步：微信设定标题 1.选中页面，点击文本工具，添加一个文本，不填任何内容，并右键重命名为“空文本”，这个空文本是用来传值的，因为如果微信设定标题有多个变量时在判断上会比较麻烦，用这种方法就比较方便。 2.在层“奖项”里的文本1、文本2、文本3、文本4下分别添加一个事件，并设置触发条件为显示，目标，对象为空文本，目标动作为设置属性。然后选中属性窗口的内容里的编辑，分别输入“谢谢惠顾”、“一等奖”、“二等奖”、“三等奖”。在这里加一个事件，设置属性的目的是将

5、文本里的内容传到空文本。 3.选中舞台，点击变量工具，添加两个变量，分别命名a和b。为两个变量赋值，分别是空文本和计数器2，因为空文本的内容是我们抽奖抽到的奖项，而计数器2是计算抽奖次数的，所以我们在这里把空文本的绑定变量1，将计数器2的绑定变量2。 4.选中文本1，点击事件工具，添加一个事件，设置触发条件为点击，目标对象为舞台，目标动作为微信设定标题，将值的空白框处输入“我用$b次抽到了$a”。 5.记得要把层“奖项”都隐藏，否则会出现奖项里的字体重叠，如果觉得计数器1没必要显示也可以把它隐藏掉，这样随机抽奖并分享到朋友圈时会显示用几次抽到几等奖就会变成这个H5的标题啦！ 微信设定标题方法2

6、 1、添加2个变量，分别命名为c和d。 2、奖项下的文本添加事件绑定变量3。 ，文本显示时目标对象文本，目标动作设置属性，3、计数器2属性面板绑定变量4。 4、开始按钮下添加事件，点击开始按钮，目标对象舞台，目标动作微信设定标题，值为 我用$d次抽到了$c。 重点工具：计数器、变量、事件 知识点： 隐藏同层控件：目标对象显示，与目标对象的同层的所有其他对象都会隐藏。 变量：可变化的值，与计数器、文本、输入框、时间轴等配合使用，传递内容。 重点事件： 触发对象：开始按钮 触发条件：点击 目标对象：计数器 目标动作：生成随机数 最小值：0 最大值：9 触发对象：计数器 触发条件：数值范围 最小值：0 最大值：3 目标对象：文本4 目标动作：隐藏同层控件 触发对象：开始按钮 触发条件：点击 目标对象：舞台 目标动作：微信设定标题 值：我用$b次抽到了$a