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

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

东西/原料

• mugeda

步调1:添加素材与行为

1. 1

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

   
2. 2

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

   
3. 3

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

   
4. 4

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

   
5. 5

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

步调2：设置判定

1. 1

   设置判定：我们要设置不填即禁止跳转的行为

   回到第一页，将两个输入框都设置为“必填项”

   
2. 2

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

   
3. 3

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

   

步调3：建造图片合当作结果

1. 1

   新建第3页面，添加一张图片，为其定名为“P”

   
2. 2

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

   
3. 3

   同时为“确定”按钮添加两个“改变元素属性”行为，设置点击将舞台上“确定”“重置”两个按钮移至舞台之外

   
4. 4

   发布作品，获得作品的发布二维码

   
5. 5

   将二维码附在第二页“手刺”合适的位置上

   
6. 6

   最后为“重置”按钮添加一个“跳转到第1页”行为