uniapp扫码原生插件-新(可任意自定义界面版本)(代码片段)

三杯五岳 三杯五岳     2022-10-24     158

关键词:

扫码原生插件(毫秒级、支持多码、支持自定义界面)

简介(下载地址

Ba-Scanner 是一款毫秒级扫码插件,同时支持多码、相册、闪光灯、焦距缩放、提示音、震动等等。新增支持自定义任意界面、任意点击事件,可以让扫码界面和您的应用更加匹配、美观。

  • 支持同时扫多个二维码和条形码
  • 支持配置相册
  • 支持闪光灯
  • 相机可以调整焦距放大缩小
  • 支持自定义扫描线颜色、提示文案等
  • 支持扫描完成提示音、震动
  • 支持任意自定义界面(支持自行定制,也可联系作者定制)
  • 支持自定义点击事件

截图展示

使用方法(示例)

script 中引入组件

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

script 中调用

		methods: 
			onScan()  //默认界面
				scanner.onScan(
						isShowVibrate: true,
						isShowBeep: false,
						hintText: '测试扫码',
					,
					(ret) => 
						console.log(ret)
						if (ret.result) 
							this.showToast(ret.result)
						
					);
			,
			onScan2()  //自定义界面
				scanner.onScan(
						isShowVibrate: true,
						isShowBeep: false,
						hintText: '测试扫码',
						customResName: 'ba_scan_custom_view',
						customConfig: 
							lightTvTextOn: '轻触关闭',
							lightTvTextOff: '轻触照亮'
						,
						customEvents: [
							resId: 'btn_my_card',
						, 
							resId: 'btn_scan_record',
						]
					,
					(ret) => 
						console.log(ret)
						if (ret.result) 
							this.showToast(ret.result)
						
						if (ret.isCustomEvent) 
							this.showToast(ret.eventResId);
						
					);
			,
		

默认界面

Ba-Scanner 自定义配置参数

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

回调参数

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

自定义界面

示例

布局文件

自定义界面是编写 android 的xml布局界面,按文档配置即可,资源名称、控件id要和调用方法一致。可自行定制,也可联系作者定制。

  • 编写好对应的布局文件,放在项目的 “nativeplugins\\Ba-Scanner\\android\\res\\layout” 目录下(没有就新建)。
  • 所用到的图片资源,放在“nativeplugins\\Ba-Scanner\\android\\res\\drawable-xxhdpi” 目录下

注意:配置更改后,需要重新制作基座才生效,建议提前配置。

扫码调用参数

属性名类型必填默认值说明
customResNameStringtrue自定义界面名称
customConfigObjectfalse自定义界面配置
customEventsArrayfalse自定义点击事件

customConfig

属性名类型必填默认值说明
backResIdStringfalse“iv_back”返回控件ID
albumResIdStringfalse“iv_photo”相册控件ID
lightResIdStringfalse“btn_scan_light”闪光灯控件ID
lightIvResIdStringfalse“iv_scan_light”闪光灯图标控件ID
lightTVResIdStringfalse“tv_scan_light”闪光灯文本控件ID
lightTvTextOnStringtrue“关闭手电筒”闪光灯打开时显示文本
lightTvTextOffStringtrue“打开手电筒”闪光灯关闭时显示文本ID
lightIvIconOnStringtrue“scan_custom_light_open”闪光灯打开时显示图标
lightIvIconOffStringtrue“scan_custom_light_close”闪光灯关闭时显示图标

customEvents

属性名类型必填默认值说明
resIdStringtrue自定义点击事件ID
showBooleanfalsetrue自定义点击事件ID

回调参数

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

uniapp常用原生插件大全

简单整理了一些比较常用的原生插件,包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等,有其他需要可以... 查看详情

uniapp常用原生插件大全

简单整理了一些比较常用的原生插件,包括扫码、图片选择、文件选择、图片编辑、应用通知、应用未读角标、开机自启、sqlite数据库、保活、快捷方式、图片水印、视频压缩、动态修改应用图标等等,有其他需要可以... 查看详情

uniapp原生toast弹窗提示(可穿透所有界面)ba-toast(代码片段)

...在系统页面显示的原生Toast弹窗提示插件。调用方法参照uniapp自带showToast风格,接入简单,功能强大。支持穿透所有界面支持自定义显示位置支持显示图标,可自定义(默认有“success”、“error”、“loading”,... 查看详情

uniapp原生toast弹窗提示(可穿透所有界面)ba-toast(代码片段)

...在系统页面显示的原生Toast弹窗提示插件。调用方法参照uniapp自带showToast风格,接入简单,功能强大。支持穿透所有界面支持自定义显示位置支持显示图标,可自定义(默认有“success”、“error”、“loading”,... 查看详情

uniapp原生toast弹窗提示(可穿透所有界面)ba-toast(代码片段)

...在系统页面显示的原生Toast弹窗提示插件。调用方法参照uniapp自带showToast风格,接入简单,功能强大。支持穿透所有界面支持自定义显示位置支持显示图标,可自定义(默 查看详情

uniapp扫码原生插件(googlemlkitzxing;支持同时扫多个码)(代码片段)

uniapp扫码原生插件(GoogleMLKit、zxing;支持同时扫多个码)简介插件下载总有一款适合你,本项目包含两个插件,可选择使用最新、最快、支持多码,基于MLKit的插件Ba-Scanner-G最经典,基于zxing的插件Ba-Sc... 查看详情

uniapp使用本地原生插件及本地真机调试(代码片段)

1、项目根目录下创建目录nativeplugins2、插件放入nativeplugins目录下,如下截图3、manifest.json文件打开,选择App原生插件配置菜单,选择本地原生插件4、插件中有用到权限的,需要在manifest.json文件,App权限配置菜... 查看详情

uniapp系统广播自定义广播插件ba-broadcast(代码片段)

...(下载地址)Ba-Broadcast是一款可监听系统广播的uniapp插件,如息屏、亮屏、声音、电量等等。支持监听系统广播;支持自定义广播;支持发送广播。支持系统广播(支持设备支持的所有广播配置,支持... 查看详情

在 Weblate 界面中添加自定义插件

】在Weblate界面中添加自定义插件【英文标题】:AddcustomaddonsinWeblateinterface【发布时间】:2019-02-1711:44:13【问题描述】:最近的Weblate版本放弃了使用脚本,转而使用插件。有关于如何使用现有插件、如何创建新插件(https://docs.webla... 查看详情

uniapp声音提示震动提示语音播报插件ba-beep(代码片段)

简介(下载地址)Ba-Beep是一款uniapp提供声音提示、震动提示的插件,如操作提示音(扫码、读卡、打印、按键等)。也可实现简单的语音播报功能。支持声音(默认有beep、数字、英文字母、欢迎光临、谢... 查看详情

原生js版分页插件

...定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,特此记录下来。如有不足之处,欢迎指出。本插件可以实现的功能:  1.可初始化每页条数,以及重新选择每页条数  2.自定义首末页、... 查看详情

Maven 发布插件:指定新的开发版本不影响 pom 的自定义属性

】Maven发布插件:指定新的开发版本不影响pom的自定义属性【英文标题】:Mavenreleaseplugin:Specifyingnewdevelopmentversiondonotaffectsonpom\'scustomproperty【发布时间】:2012-10-1112:48:35【问题描述】:我有以下不太结构化的pom:...<groupId>xxx&... 查看详情

uniapp自定义图片水印插件ba-watermark(代码片段)

...水印Ba-Watermark简介(下载地址)Ba-Watermark是一款uniapp给图片自定义水印的插件。支持添加多个、多种样式水印支持在任意位置添加支持按实际像素或图片高宽的比例两种方式设置支持stroke字体样式支持某个水印重复铺满... 查看详情

uniapp自定义图片水印插件ba-watermark(代码片段)

...水印Ba-Watermark简介(下载地址)Ba-Watermark是一款uniapp给图片自定义水印的插件。支持添加多个、多种样式水印支持在任意位置添加支持按实际像素或图片高宽的比例两种方式设置支持stroke字体样式支持某个水印重复铺满... 查看详情

没有插件的Joomla自定义类型/自定义字段?

...定义字段。我听说在最近的Joomla版本中,有对此类事物的原生支持,将Zoo或K2等扩展渲染为冗余,让我们能够采用更原生的Joomla 查看详情

android:实际运用zxing集成二维码扫描及自定义扫码界面(demo源码)(代码片段)

...学如何将Zxing开源库集成到自己项目中,并且自定义扫码界面,后期可根据自己的业务需求进行修改,最后补充了一点由此延伸的学习技能点。一.集成Zing开源库到应用中如上图所示,我使用的集成方法是拷入j 查看详情

uniapp原生插件开发-android端-component扩展

参考技术A本篇为uniapp原生插件开发-android端-component扩展这里实现一个原生的MPAndroidChart的饼状图扩展效果如下提醒:修改完这些你可能需要重新打开androidstudio,不知道是不是我的as版本太新了,修改了,然后一直停止不了之前的... 查看详情

uniapp移动端调用摄像头扫描二维码或者条形码

...入uQRCode。importuQRCodefrom../../components/uQRCode/u-qrcode.js;使用uniapp调用手机扫码方法:​​#​​uni.scanCode(OBJECT),调起客户端扫码界面,扫码成功后返回对应的结果。fun()uni.scanCode(scanType:[barCode,qrCode],success:function(res))scanType是扫码类型... 查看详情