.

4.画板截屏:涂鸦/合成图片/海报(感恩节海报)

一米阳光发表于:2017年03月21日 17:07:15更新于:2021年10月22日 15:28:57

视频教程

一、案例效果

image.png

《感恩节海报(专业版专属)》


二、素材准备

文末附件下载素材,非商用,仅供学习使用。


三、功能设置

输入祝福语——亲笔签名——检查确认——生成海报

输入祝福语页面

1.增添段落组件,勾选文本可编辑。修改提示语为”感恩节来了,在这里点击输入你想说给大家的话吧~“点击时设置激活编辑状态

image.png

00158d0e9d787ae538f4180fbe02ede


2.增添一个全局变量命名为祝福语,格式改为文本

00158d0e9f0d96e5852c2a006c9155e


3.“下一页”点击触发设置:设置参数值,将段落赋值给这个全局变量并跳转页面

00158d0eae263c94b635f4fc91bc959


签名页面

1.插入高级组件——画板,勾选笔触效果

00158d0eb0b6ff2e60b4de017cda8ea


2.增添一个全局变量命名为用户签名,格式改为文本

00158d0eb258dff1c6ba1481a651506


3.“下一步”点击触发设置:画板设置选择转成图片操作,勾选画板元素,将画板转成的图片关联这个全局变量并成功后跳转页面

00158d0eb410957640a0d59fa4bcfa4


4.”重新写“点击触发设置:画板设置选择清空画板操作,勾选画板元素

00158d0eb5c0c345e921493698fd8f9


检查确认页面

1.添加段落组件

00158d0ebcdf2cfa8859c2576792178


2.用页面触发器——切换到当前页:设置参数值,把之前页面里收集的 “想说的话”全局变量赋值给段落组件

image.png

image.png

00158d0eba286453da345dad062da47


3.添加图片容器

00158d0ebe3665b6fccbf9ca522cc57


4.用页面触发器——切换到当前页:替换资源触发器,把之前页面里收集的 “用户签名”全局变量赋值给图片容器

00158d0ebf4c7ca9fa5d2691966b870


5.添加图片容器,命名为邮票

00158d0ec074816e750ecbde4b84e29


6.用页面触发器——切换到当前页:替换资源触发器,把微信头像参数赋值给”邮票“的图片容器

00158d0ec205dc89129baf8152c736c


7.添加截屏组件,并选择需要被截屏的元素

00158d0ec39b12f8d4aa2512de299da


8.添加全局变量命名为”海报“,格式改为文本


9.”完成“点击触发设置:截屏设置,选择截屏组件,将截屏图片关联到”海报“的全局变量,成功后跳转页面

00158d0ec4cc54d6795eef464bcb3dd


生成海报页面

1.添加一个空白替换的图片,勾选 “二维码识别”(这样才可以确保长按后弹出菜单进行保存或转发)

00158d0ec5fce31e25266b990a93315


2. 用页面触发器——切换到当前页:替换资源,把 全局变量“海报”替换到图片组件中

00158d0ec9e53c0e72c3b0354eb10b4


3.特别提示:

(1)段落组件,勾选文本可编辑并设置点击时激活编辑状态

(2)全局变量,改成文本

(3)画板组件,笔触效果

(4)画板组件,生成图片的关联

(5)截屏组件,需要所要截屏的元素

(6)截屏组件,生成图片的关联

(7)头像的获取,头像参数

(8)图片容器,需勾选二维码识别这样才可以确保长按后弹出菜单进行保存或转发


4.功能拓展:

涂鸦类游戏:

猜谜类:《你画我猜》


附件:截屏组件素材.zip • 304.52KB • 下载