我是靠谱客的博主 害怕柜子,最近开发中收集的这篇文章主要介绍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快

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

截图展示

在这里插入图片描述

原生插件通用使用流程:

  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 自定义配置参数

属性名类型默认值说明
isShowVibrateBooleantrue扫描完成震动
isShowBeepBooleanfalse扫描完成声音
isShowPhotoAlbumBooleantrue是否显示相册
isShowLightControllerBooleantrue是否显示闪光灯开关
zoomBooleanfalse是否支持手势缩放
scanColorString#FF0000扫描线的颜色
hintTextString扫二维码/条形码提示文案
hintTextColorString#FF0000提示文案颜色
hintTextSizeNumber14提示文案字体大小
scanGridBooleanfalse扫描线样式是否为网格
gridScanLineColumnNumber30网格扫描线的列数
gridScanLineHeightNumber300网格高度

统一回调参数

属性名类型说明
codeString扫描结果判断,success为成功,其他失败
resultString扫描结果

系列插件

图片选择插件 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(文档)

最后

以上就是害怕柜子为你收集整理的uniapp扫码原生插件(毫秒级、支持多码)的全部内容,希望文章能够帮你解决uniapp扫码原生插件(毫秒级、支持多码)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部