uniapp中qrcode生成二维码后传的参数不见了_阿虚教你制作动态二维码，超详细教程！

这篇教程很早之前就答应几个粉丝要写，拖的有点久了。

内容比较多，先上个目录

阿虚的教程会迟到，但永远不会缺席。hahahahhaha...

一、先说一下今天要教的内容

ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ

1.不准备教的

类似这种二维码，阿虚觉得比较丑 (ﾟ⊿ﾟ)，就不教这种了：

另外像下面这种二维码，一般需要AE（Adobe After Effects）来制作。

AE这个软件本身就比较复杂了，而且制作这种二维码也很费时间，所以阿虚也不准备教这个了。

如果想做这种二维码，可以看看这篇教程：https://www.zcool.com.cn/work/ZMTc2MjU5NDg=.html（教程作者说她断断续续做了大概一个月）

2.准备教的有三种

以下3种动态二维码有些许差别，阿虚个人还是最喜欢最后一种

类型1

类型2

类型3

二、网站

先说用最简单的办法，就是直接用网站一键生成。

当然，制作动态二维码，你首先需要一张GIF，找GIF的网站很多，简单举几个例子

GIPHY：https://giphy.com/
SOOGIF：https://www.soogif.com/

（一）静态彩色背景二维码

1.草料二维码美化

网址：https://cli.im/tools

2.联图网二维码美化

网址：http://www.liantu.com/meihua/

这个网站可以生成的彩色二维码类型挺多的，下面是部分截图预览

3.半色调视觉二维码生成器

网址：http://www.mobanma.com/bsd.html

4.半色调二维码生成器

网址：https://spacekid.me/halftone-qr-code-generator/

（二）动态二维码图片

网址：https://www.toolnb.com/tools-qrcode-featureQrcode.html

可以生成彩色或者黑白的二维码
可以一键生成类似下面这种效果的动态二维码（上面的类型1）

（三）GIF动态全色调视觉码

网址：http://www.mobanma.com/visual

可以选择不同的码眼类型（就是二维码的定位点）

可以生成下图类型的动态二维码（上面的类型2）

三、软件

下面讲用软件的办法来制作动态彩色二维码。

（一）安卓

Qart能生成彩色或者黑白的二维码，这个就没教程了，导入图片一键生成。

文末提供软件下载方式。

（二）Windows

先说清楚了，Windows看起来教程比较长，但是请别怕

1.MyQR

（1）事前准备

准备你二维码的扫描结果（网址或者文字），再准备一张GIF图，最好是正方形尺寸的。

这张图片尺寸为200*200 px，也就是宽度和高度相等，帧数为27。

建议选择帧数较少、背景比较干净的动图来制作二维码。

（2）效果的预设

MyQR这个工具不提供设置各参数的图形化界面，需要设置一个txt文档来填写相应的参数，把GIF放到myqr同一个文件夹，然后设置一下info.txt。

info.txt 内容包含：

v=10
l=L
p=功夫熊猫.gif
c
con=1.0
bri=1.0
words=http://kyon945.ys168.com/

一共是7行信息（基本上你用不改动）

v：指的是二维码的边长，可填1~40。建议不要太大，边长越大，产生越费时，二维码占的空间也大。一般选定一个大小（如10）。
l：指的是二维码容错水平，从低到高依次为L、M、Q、H。一般建议填写L，这样可以减少二维码有效部分，提高二维码颜值。
p：指的是图片，把你要转换成二维码的图片的完整名称填上，包括文件后缀.gif。功夫熊猫.gif就是我获取的功夫熊猫动图的名称。
c：这一行是用来区分黑白还是彩色效果的。当保留c这一行时，指的是选择彩色效果；删掉这一行，则指的是黑白效果。记住：删掉c时，记得要整行删掉，不要留出空白的一行。
con：这指的是图片的对比度。填写默认的1.0即可。可以适当增减。
bri：这行用于调节图片亮度，填写默认的1.0即可。可以适当增减。
words：可以是网址，也可以是文字。

总结：一般只需要修改：p 和 words 即可。

（3）生成动态二维码图

准备好之后双击myqr.exe即可开始制作动态二维码

打开之后会弹出一个命令行界面，意思是让你等待。

生成的动态二维码同样在该文件夹中，最后生成的效果图。

项目github地址：https://github.com/sylnsfar/qrcode

2.UGA+VisualQRC+ShanaEncoder

类型3的二维码，需要3个软件来制作。

（1）事前准备

先找一张很可爱的GIF ꉂ(ˊᗜˋ*)

准备这三个软件，阿虚给的都是单文件版，无需安装，下载后直接运行（文末提供下载方式）

（2）UGA处理图片

打开阿虚提供的单文件版UGA5，导入图片（修改图片）导出为视频

打开图像之后，如果图片不是正方形尺寸的，请调整一下图像大小，或者修改一下画布大小

修改完之后，点击左上角文件，另存为视频文件

一般默认设置即可

（3）VisualQRC导入视频

然后打开阿虚提供单文件版VisualQRC，导入刚刚导出的视频并制作动态二维码

点击打开文件后，会弹出下面这样一个窗口。

Version 是二维码的版本设置，你可以理解为二维码的定位标志数量。（你可以看下图轻松理解）
EC Level 是容错级别，L级可纠正约7%错误、M 级别可纠正约15%错误、Q 级别可纠正约25%错误、H 级别可纠正约30% 错误，一般设置为 Q 即可。

（4）VisualQRC制作二维码

然后就进入软件主界面了

觉得刚刚的version设置的不合适的话，还是可以修改的

觉得没问题就点击软件主界面左上角的齿轮导出二维码，这时会有个导出设置，建议设置为全帧（非压缩的）

（5）等待结果

然后你需要耐心等待软件处理

等到提示Done，就表示完成啦。

（6）视频转为GIF

我们用VisualQRC导出的是视频格式的二维码，最后用ShanaEncoder把视频转GIF就行啦。

另外补充一下，自己记得设置输出目录（阿虚求求泥们不要来问我找不到输出的文件在哪里这种问题嘞！）

最后成品如下(╭￣3￣)╭♡

四、软件下载

安卓

Qart：https://axu.lanzous.com/icbte9a

Windows

1.MyQR：myqr（一键生成动态彩二维码）.zip - 蓝奏云

2.UGA+VisualQRC+ShanaEncoder：UGA+VisualQRC+ShanaEncoder.zip - 蓝奏云

今天的内容可能比较小众吧

但如果有喜欢折腾的小伙伴，不妨下载软件，跟着教程花3分钟做一个属于自己的二维码试试咯？