木疙瘩教程:图片合成类H5的制作

房产证,成婚证,军官证等类型H5一夜之间刷爆伴侣圈,介入度极高,拜候量极高,当作为伴侣之间炫耀的小东西,本篇将连系相关案例,讲解这类型的H5的建造方式 。

需要这些哦
mugeda

1:添加素材与行为1我们在舞台第一页添加两个输入框、按钮等相关素材建造输入页面,别离为两个输入框定名“name1”“zhiye1”

木疙瘩教程:图片合成类H5的制作

文章插图

2在舞台第二页添加两个文本框、按钮等相关素材建造手刺页面,别离为两个文本框定名“name2”“zhiye2”

木疙瘩教程:图片合成类H5的制作

文章插图

3为“确定”按钮添加三个行为:1.属性节制→改变元素属性→触发前提:点击→设置参数元素名称:name2元素属性:文本取值赋值体例:用设置的值替代现有值取值:{{name}}

木疙瘩教程:图片合成类H5的制作

文章插图

木疙瘩教程:图片合成类H5的制作

文章插图

4属性节制→改变元素属性→触发前提:点击→设置“培训师”参数元素名称:zhiye2元素属性:文本取值赋值体例:用设置的值替代现有值取值:MUGEDA认证培训师执行前提:查抄元素状况元素名称:zhiye考查属性:文本取值逻辑前提:等于参考值:培训师

木疙瘩教程:图片合成类H5的制作

文章插图

5属性节制→改变元素属性→触发前提:点击→同理设置“讲师”参数


2:设置判定1设置判定:我们要设置不填即禁止跳转的行为
回到第一页,将两个输入框都设置为“必填项”

木疙瘩教程:图片合成类H5的制作

文章插图

2之后为“确定”按钮再添加一个“提交表单”的行为

木疙瘩教程:图片合成类H5的制作

文章插图

木疙瘩教程:图片合成类H5的制作

文章插图

3同时记住需为舞台添加一个禁止翻页的行为

木疙瘩教程:图片合成类H5的制作

文章插图


3:建造图片合当作结果1新建第3页面,添加一张图片,为其定名为“P”

木疙瘩教程:图片合成类H5的制作

文章插图

2为第2页的“确定”按钮添加行为:属性节制→舞台截图→触发前提:点击→设置参数量标图片:P操作当作功后:跳转到第3页

木疙瘩教程:图片合成类H5的制作

文章插图

木疙瘩教程:图片合成类H5的制作

推荐阅读