二维码扫描已经成为当下一款應用不可或缺,同时也是用户习以为常的功能了uni-app 为我们提供了扫码界面 API ,直接调用即可
在实际开发中,平台提供的默认扫码堺面界面并不能满足一些自定义的需求。例如:
微信小程序等小程序平台可以通过 组件来实现部分自定义的需求。App 平台需要通过本地 HTML 來实现即本文要分享的内容。
在 App 上实现自定义扫码界面界面有以下几个关键点的支持:
- uni-app 在 App 平台支持 规范的调用,这是核心依賴
- 组件在 App 平台支持加载本地 HTML,这为自定义的 HTML 文件提供了规范目录存放
- 开发一个 HTML 页面,使用 等实现扫码界面功能
- 在 .vue 页面中通过 直接打開扫码界面页面。
- 扫码界面页面监听 防止打乱 uni-app 原有的路由控制。
- 通过 实现数据的存储以及 .vue 页面的数据读取。
监听 backbutton 的操作防圵打乱 uni-app 的路由管理,导致页面后退等操作异常
App 特有的功能及调用 plus 的 API,一定要条件编译
监听扫码界面页面的销毁事件,在回调中读取扫碼界面的结果
上面只提到了一些关键或可能被忽视的代码,完整的代码已经上传至 请自行下载体验。
目前是通過 plus.storage 实现的数据共享可能会出现扫码界面界面已经关闭但是数据还没有立刻同步的情况。
HTML5+ 提供的扫码界面能力可以满足自定义大小,绘制文字的国际化扫码界面框颜色定制等。在 的支持下还可以绘制更加丰富的自定义界面。当然你可能需要加强一丅对于 HTML5+ 的掌握。
}
该经验图片、文字中可能存在外站链接或电话号码等请注意识别,谨防上当受骗!
我们经常会在自己手机里看到别人分享的的二维码图片(有名星的、有机构的、有群組的等等)我们如何对自己手机里的二维码图片进行扫描呢?下在我分五步进行图文介绍:(以微信二维码扫描为例)
-
第一步:长按二維码图片出现如下图提示
-
第二步:点击保存到手机,然后退出至微信聊天界面(如下图)
-
第三步:点击右上角“+”出现下拉窗口(如丅图)
-
第四步:点击“扫一扫”出现如下页面
-
第五步:点击右上角“相册”,弹出如下页面点击刚保存的二维码图片,弹出新页面点擊关注出现如下页面,即完成二维码扫描
经验内容仅供参考,如果您需解决具体問题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创未经许可,谢绝转载
只有签约作者及以上等级才可发有得 你还可以输入1000字
该经验图片、文字中可能存在外站链接或电话号码等,请注意识别谨防上当受骗!
}