uniapp——安卓扫码枪插件

这篇具有很好参考价值的文章主要介绍了uniapp——安卓扫码枪插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

zq-scancode插件使用说明(v1.0.3)

1、引入包

// 扫码插件
var scanCodeModule = uni.requireNativePlugin("zq-scancode-module")

2、调用方法

2.1、开启扫码

scanCodeModule.startScan({
	'name': '扫码',
    'showTip': true,
    'showLoading': true,
    'tip': "自定义扫码",
    'tipSize': 20,
    'tipColor': "#FF0000",
    'transparentBg': true,
    'onceScan': false
},
(ret) => {
	console.log("扫码内容:" + ret)
});

2.2、关闭扫码

scanCodeModule.stopScan({
    'name': '停止扫码'
},
(ret) => {
  console.log("返回内容:" + ret)
});

3、说明

3.1、startScan方法的参数:

第一个参数:json对象,根据实际情况传递,第二个参数会回传回来

参数名 类型 默认值 说明
name String 扫码 组件名称
showTip Boolean true 是否展示提示文字
tip String 扫码中… 提示文字
tipSize Number 12 提示文字大小
tipColor String #3B3B3C 提示文字颜色
showLoading Boolean true 是否展示 loading
transparentBg Boolean false 是否全透明背景
onceScan Boolean true true 扫码一次,false 持续扫码,持续扫码不会关闭监听器

第二个参数:扫码结果回调,返回json字符串,回调参数说明:

参数名 说明
code 状态码:200成功
msg 提示信息,比如:扫码成功
data 扫码结果
extend 第一个参数回传

3.2、stopScan方法说明

当前onceScan=true时,为单次扫码,不需要调用此方法,扫码成功后会自动关闭扫码监听器

当前onceScan=false时,为连续扫码,当不需要扫码时需要调用此方法关闭扫码监听器文章来源地址https://www.toymoban.com/news/detail-847437.html

4、完整示例代码

<template>
	<div>
		<button type="primary" @click="scanCode">开始扫码</button>
        <button type="primary" @click="stopScanCode">停止扫码</button>
	</div>
</template>

<script>
	// 获取 module 
	var scanCodeModule = uni.requireNativePlugin("zq-scancode-module")
	export default {
		onLoad() {
			plus.globalEvent.addEventListener('TestEvent', function(e) {
				console.log("TestEvent收到:" + e.msg)
			});
		},
		methods: {
			// 扫码
			scanCode() {
				scanCodeModule.startScan({
                    	'name': '扫码',
						'showTip': true,
						'showLoading': true,
						'tip': "自定义扫码",
						'tipSize': 20,
						'tipColor': "#FF0000",
                    	'transparentBg': false,
						'onceScan': true
					},
					(ret) => {
						console.log("扫码内容:" + ret)
					});
			}
            // 结束扫码
            stopScanCode() {
				scanCodeModule.stopScan({
					'name': '停止扫码'
				},
				(ret) => {
					modal.toast({
						message: ret,
						duration: 1.5
					});
				});
			}
		}
	}
</script>

5、补充说明

  • 扫码枪的原理是外接输入法(类似:外接键盘),通过连接蓝牙或USB线连接设备就可以使用,不需要申请系统权限
    ##6、插件地址
https://ext.dcloud.net.cn/plugin?id=10110

到了这里,关于uniapp——安卓扫码枪插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app实现 app 小程序 手机端H5扫码功能

    首先 扫码这个功能小程序和App都是有现成的方法 但是H5是不行的 我们可以看这样一段代码 这里 我们用了条件编译 App和小程序中的代码是 一样的 他们都可以正常执行scanCode进行扫码 至于H5手机端界面 我用web-view套了个百度的链接进来 其实 大家可以参考我的文章 vue实现二维

    2024年02月11日
    浏览(63)
  • uni-app 微信小程序tabBar角标或徽标badge不生效 但Android安卓却显示正常

    今天复习项目时又遇到了一个奇怪的问题: 使用uni-app写tabBar的中购物车右上角的角标时,从商品详情页点击添加到购物车后,商品详情右上角的角标数字会跟随Vuex仓库中的商品总数发生变化,但是主页面也就是tabBar页面中的购物车角标不会变化,或者只有第一次添加会变化,

    2024年04月14日
    浏览(112)
  • uniapp监听扫码枪键盘事件|无输入框式监听

    一般的扫码枪通过USB或蓝牙连接手机或电脑,充当的是一个外接设备。当扫码后,扫码枪会自动识别内容,然后向连接的电脑或手机发送键盘事件keydown或keyup。 input输入框式 如果页面上有input输入框就很简单,直接聚焦input,然后扫码,input框会自动填充内容,并自动产生回车

    2024年02月11日
    浏览(42)
  • uni-app离线打包安卓apk

    记录一下打包apk的过程: 参考:uni-app离线打包官网地址 2-1.遇见问题 1. 加载.idea和.gradle失败, 解决: File → Project Structure 重新构建: File → Sync Project with Gradle Files 安卓结构: Project → Android 登录开发者中心选择需要打包的应用→各平台信息→查看或新增安卓打包信息 这里

    2024年04月17日
    浏览(78)
  • UNI-APP安卓本地打包详细教程(保姆级)

    uni-app 官方文档地址   原生开发者支持 1、Android Studio 下载地址:Android Studio官网 OR Android Studio中文社区 2、最新版的HBuilderX 3、App离线SDK下载:最新android平台SDK下载 4、3.1.10版本起需要申请Appkey, 申请请参考 点击进入 Android Studio官网 或者 Android Studio中文社区 点击 Downl

    2024年04月23日
    浏览(72)
  • uni-app:如何实现安卓设备的无线调试

    在前端开发中,与安卓设备进行调试是一个常见的任务。通常,我们使用ADB(Android Debug Bridge)通过USB连接来进行调试。然而,有时候我们可能需要无线进行调试,这样可以提供更大的灵活性和便利性。在本文中,我们将介绍如何使用uni-app框架和ADB来实现安卓设备的无线调试

    2024年02月01日
    浏览(49)
  • uni-app模版(扩展插件)

    锋哥原创的uni-app视频教程: 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中..._哔哩哔哩_bilibili 2023版uniapp从入门到上天视频教程(Java后端无废话版),火爆更新中...共计23条视频,包括:第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等,

    2024年02月03日
    浏览(47)
  • uni-app 使用安卓模拟器 mumu教程

    去官网下载 这个直接下载就行 去uni-app 里面配置 在这里设置adb路径和模拟器端口 进去安装目录找到adb.exe 相关的就行我的是 D:/moniqi/MuMuPlayer-12.0/shell/adb.exe 端口设置的是 16385 但是不起作用 找了半天 终于发现需要自己链接 adb 然后打开adb所在的目录 使用powerShell 打开后输入这

    2024年02月16日
    浏览(50)
  • 记录--UNI-APP安卓本地打包详细教程(保姆级)

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 uni-app 官方文档地址 原生开发者支持 1、Android Studio 下载地址:Android Studio官网 OR Android Studio中文社区 2、最新版的HBuilderX 3、App离线SDK下载:最新android平台SDK下载 4、3.1.10版本起需要申请Appkey,申请请参考

    2023年04月09日
    浏览(80)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包