.

4.二维码组件

老赵发表于:2016年11月17日 23:37:25更新于:2019年07月19日 10:58:27

视频教程

一、案例效果

0015cb424e007ac16b3579ab574dc43

《圣诞村杂货铺》


二、应用场景

二维码组件,是专门用来插入二维码图片的,使用该组件,在微信中直接就可以支持长按识别了;还可以结合一个触发行为“生成/更新二维码”,主要用于分享海报时分享链接的可视化,可用于参与海报截屏,直接将带有二维码的海报图片分享给好友。


三、素材要求

右键单击二维码素材,另存到电脑本地练习。

image.png

要求用二维码组件上传的图片,最好是1:1的尺寸比例。


四、组件用法

基本用法

1.鼠标移动到图片组件位置,显示2个组件,点击第2个组件二维码组件添加到页面。0015cb42bcc3f6742cad431e9ab8a89


2.点击二维码组件,显示素材弹窗,选择二维码图片进行添加。0015cb42d35cfddea5a0c9c08b6a0a0


3.双击二维码组件或者点击素材资源,可以替换素材二维码图片。0015cb42ebabda6dbc34f612a4e1d02


4.注意:二维码组件没有触发器,直接用手势长按就可以显示保存弹窗。

0015cb4302727035adc8d74e3966b89


高级用法

1.触发器 “生成/更新二维码”,专门是与二维码组件配合使用的,其他的组件不能使用。“生成 / 更新二维码” 的设置方法如下图所示:

001582dcd48ac8f89fbf7da1e79364a


2.这里的网址URL,有两种设置类型:

(1)可以选择填写其他网址,比如图文消息、其他网页地址;

(2)也可以点击 “+”后,选择 “作品分享网址”,将当前H5网址更新到二维码中。
blob.png

这个 “生成/更新二维码”,主要也是考虑到需要配合 “截屏” 组件合成图片时、引入到图片中,这样合成图片分享后,其他用户可以通过长按图片进入H5、或打开其他网页。


--------- 不了解设计的程序员不是好客服 ---------------