uniapp扫码原生插件(毫秒级、支持多码)

简介(下载地址)

总有一款适合你,本文介绍两个扫码插件,可根据特色选择使用

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

注意: 新增支持自定义任意界面、任意点击事件的版本,可以让扫码界面和您的应用更加匹配、美观。新增支持连续扫码模式,亲测持续万次不卡顿。

扫码原生插件 - 新版(支持连续扫码模式;支持设置格式;可任意自定义界面)Ba-Scanner

扫码原生插件 - 基础版(毫秒级、支持多码)Ba-Scanner-G

扫码原生插件 - (最经典zxing版本)Ba-Scanner-Zxing

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

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

截图展示

uniapp扫码原生插件(毫秒级、支持多码)_第1张图片

原生插件通用使用流程:

  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 扫描结果

系列插件

图片选择插件 Ba-MediaPicker (文档)

图片编辑插件 Ba-ImageEditor (文档)

文件选择插件 Ba-FilePicker (文档)

应用消息通知插件 Ba-Notify(文档)

应用未读角标插件 Ba-Shortcut-Badge (文档)

应用开机自启插件 Ba-Autoboot(文档)

扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)

扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)

原生sqlite本地数据库管理 Ba-Sqlite(文档)

安卓保活插件 Ba-KeepAlive(文档)

安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)

自定义图片水印 Ba-Watermark(文档)

视频压缩插件 Ba-VideoCompressor(文档)

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)

原生Toast弹窗提示(可穿透所有界面) Ba-Toast(文档)

图片涂鸦、画笔 Ba-ImagePaint(文档)

pdf阅读 Ba-Pdf(文档)

你可能感兴趣的:(uni-app,前端,uniapp,原生插件,扫码)