uniapp扫码原生插件（Google MLKitzxing；支持同时扫多个码）

Posted 2022-07-15 三杯五岳

uniapp扫码原生插件（Google MLKit、zxing；支持同时扫多个码）

简介

插件下载
总有一款适合你，本项目包含两个插件，可选择使用

1. 最新、最快、支持多码，基于MLKit的插件Ba-Scanner-G
2. 最经典，基于zxing的插件Ba-Scanner-Zxing

其中，Ba-Scanner-G基于Google MLKit 快速集成二维码扫描，速度比zxing快

• 支持同时扫多个二维码和条形码
• 支持配置相册
• 支持闪光灯
• 相机可以调整焦距放大缩小
• 支持自定义扫描线颜色、提示文案等
• 支持扫描完成提示音、震动

截图展示

原生插件通用使用流程：

1. 在市场上安装插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
   开发完毕后正式云打包

本插件使用方法

在 script 中引入组件

	const scanner = uni.requireNativePlugin('Ba-Scanner-Zxing')
	const scannerG = uni.requireNativePlugin('Ba-Scanner-G')

在 script 中调用

		methods: 
			// Ba-Scanner-G
			onScanG() 
				scannerG.onScan(
						'isShowVibrate': true,
						'isShowBeep': true,
						'isShowPhotoAlbum': true,
						'isShowLightController': true,
						'zoom': true,
						'scanColor': '#ff0000',
						'hintText': '扫二维码/条形码',
						'hintTextColor': '#ffffff',
						'hintTextSize': '14'
					,
					(res) => 
						if (res.code == "success")
						...
						//扫码结果 res.result
					);
			,
			//Ba-Scanner-Zxing
			onScanZ() 
				scanner.onScan(,
					(res) => 
						if (res.code == "success")
						...
						//扫码结果 res.result
					);
			
		

Ba-Scanner-G 自定义配置参数

属性名	类型	默认值	说明
isShowVibrate	Boolean	true	扫描完成震动
isShowBeep	Boolean	false	扫描完成声音
isShowPhotoAlbum	Boolean	true	是否显示相册
isShowLightController	Boolean	true	是否显示闪光灯开关
zoom	Boolean	false	是否支持手势缩放
scanColor	String	#FF0000	扫描线的颜色
hintText	String	扫二维码/条形码	提示文案
hintTextColor	String	#FF0000	提示文案颜色
hintTextSize	Number	14	提示文案字体大小
scanGrid	Boolean	false	扫描线样式是否为网格
gridScanLineColumn	Number	30	网格扫描线的列数
gridScanLineHeight	Number	300	网格高度

统一回调参数

属性名	类型	说明
code	String	扫描结果判断，success为成功，其他失败
result	String	扫描结果