今天在群里看到有朋友问关于生成二维码的问题不是太明白,就做个实例来分享一下。
其实生成二维码的这个行为在很多地方都有用到,比如你给别人发送你的vx名片二维码时,比如你给商家出示付款码时,其实都是app按照指定的内容来生成二维码,由对应的app按照规则来识别二维码。
制作过程
首先为页面添加一个“页面数据”,用于来进行数据的传递,这里我们设置名字为“ewm”,字段类型设置为“图片”
双击进入当前页面的聚焦模式,在页面中分别添加一个按钮组件和一个图片组件。 按钮组件是用来触发生成二维码行为的开关,图片组件是用来显示生成的二维码信息。
下一步选择“按钮”组件,添加“生成二维码”的行为。
在该行为中,我们可以看到,对于二维码的生成内容,分为纯文本和非纯文本2种。
- 纯文本:就是字面意思,扫码后显示文字,如果你输入的是网址,就会打开网站。(前提这个网址是出于微信白名单中的网址,当然为了测试我们可以输入https://www.baidu.com进行测试)
- 非纯文本:可以让你将二维码的内容设置为图片、视频、文件等等。
这里我用纯文本来进行演示,首先我们将“是否是纯文本”的开关设置为打开状态,然后再纯文本的字段中输入你想用户扫码后显示的文字内容,并且将“赋值给”设置为当前页面的页面数据字段。
然后我们选择图片组件,将生成的二维码图片使用图片组件来进行显示。
完成以后,我们进行预览,看一下实际的效果,点击按钮,小程序会将百度的网址生成为二维码,你可以拿起自己的手机扫码试一试,可以直接打开百度的网址。