图片合成类H5的制作

添加素材与行为
我们在舞台第一页添加两个输入框、按钮等相关素材制作输入页面,分别为两个输入框命名“name1”“zhiye1”

在舞台第二页添加两个文本框、按钮等相关素材制作名片页面,分别为两个文本框命名“name2”“zhiye2”

为“确定”按钮添加三个行为:
1.属性控制→改变元素属性→触发条件:点击→设置参数
元素名称:name2
元素属性:文本取值
赋值方式:用设置的值替换现有值
取值:{{name}}

2.属性控制→改变元素属性→触发条件:点击→设置“培训师”参数
元素名称:zhiye2
元素属性:文本取值
赋值方式:用设置的值替换现有值
取值:MUGEDA认证培训师
执行条件:检查元素状态
元素名称:zhiye
考察属性:文本取值
逻辑条件:等于
参考值:培训师

3.属性控制→改变元素属性→触发条件:点击→同理设置“讲师”参数

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

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

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


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

制作图片合成效果
新建第3页面,添加一张图片,为其命名为“P”

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

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

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

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

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

观看本节视频教程:
http://cdn1.mugeda.com/course/4/4.3/4.3.9.mp4