HarmonyOS NEXT 折叠屏扫描二维码方案_android studio barcode(1)

本示例介绍使用自定义界面扫码能力在折叠屏设备中实现折叠态切换适配。自定义界面扫码使用系统能力customScan，其提供相机流的初始化、启动扫码、识别、停止扫码、释放相机流资源等能力。折叠屏折叠状态通过监听display的foldStatusChange事件实现。

效果图预览

使用说明

1. 用户授权相机扫码。
2. 对准二维码即可识别展示，支持多二维码识别。
3. 支持打开相机闪光灯。
4. 折叠态不同，相机流的尺寸也不同，因此折叠态变更时，扫码服务会重新初始化。

实现思路

1. 相机权限需要用户授权。

// 向用户申请授权
let context = getContext() as common.UIAbilityContext;
let atManager = abilityAccessCtrl.createAtManager();
let grantStatusArr = await atManager.requestPermissionsFromUser(context, [ ‘ohos.permission.CAMERA’ ]);
const grantStatus = grantStatusArr.authResults[0];

源码请参考CustomScanViewModel.ets

1. 依赖XComponent展示相机流内容，在加载完相机流后启动相机扫码服务。

// TODO：知识点：相机流显示依赖XComponent
XComponent({
id: CommonConstants.CAMERA_XCOMPONENT_ID,
type: CommonConstants.CAMERA_XCOMPONENT_TYPE,
controller: this.cameraSurfaceController
})
.onLoad(() => {
// TODO：知识点：customScan依赖XComponent组件的surfaceId，对图像进行扫描
this.customScanVM.surfaceId = this.cameraSurfaceController.getXComponentSurfaceId();
// TODO：知识点：XComponent加载完成后，启动相机进行扫码
this.customScanVM.startCustomScan();
})

源码请参考CustomScanCameraComp.ets

1. 二维码识别通过customScan系统能力在启动扫描之后，通过异步任务监控相机图像，对识别到的内容直接返回处理。

try {
const viewControl: customScan.ViewControl = {
width: this.cameraCompWidth,
height: this.cameraCompHeight,
surfaceId: this.surfaceId
};
customScan.start(viewControl)
.then((result: Array<scanBarcode.ScanResult>) => {
// 处理扫码结果
this.showScanResult(result);
})
} catch (error) {
logger.error('start fail, error: %{public}s ', JSON.stringify(error));
}

源码请参考CustomScanViewModel.ets

1. 识别到的数据为一个结果数组，每一个结果包括识别到的码源信息和二维码图像所在屏幕的坐标

let showMsg: string = ‘’;
// 处理扫码结果
scanResult.forEach((result: scanBarcode.ScanResult) => {
// 码源信息
const originalValue: string = result.originalValue;
// 二维码在屏幕上的位置
const scanCodeRect: scanBarcode.ScanCodeRect | undefined = result.scanCodeRect;

if (scanCodeRect) {
showMsg += 内容: ${originalValue}\n坐标: ${JSON.stringify(scanCodeRect)}\n;
}
})

源码请参考CustomScanViewModel.ets

1. 折叠屏设备上，依赖display的屏幕状态事件，监听屏幕折叠状态变更，通过对折叠状态的分析，更新XComponent尺寸并重新启动扫码服务。

display.on(‘foldStatusChange’, async (curFoldStatus: display.FoldStatus) => {
// 同一个状态重复触发不做处理
if (this.curFoldStatus === curFoldStatus) {
return;
}

// 缓存当前折叠状态
this.curFoldStatus = curFoldStatus;

if (this.curFoldStatus === display.FoldStatus.FOLD_STATUS_EXPANDED
|| this.curFoldStatus === display.FoldStatus.FOLD_STATUS_FOLDED) {
// 当前没有相机流资源，只更新相机流宽高设置
if (!this.surfaceId) {
this.updateCameraCompSize();
return;
}

// 关闭闪光灯
this.tryCloseFlashLight();
setTimeout(() => {
// 释放扫码资源
this.releaseCustomScan();
// 重新启动扫码
this.restartCustomScan();
}, 10)
}
})

源码请参考CustomScanViewModel.ets

高性能知识点

不涉及

工程结构&模块类型

customscan // har类型
|—common
| |—constants
| | |—CommonConstants.ets // 通用常量
|—components
| |—CustomScanCameraComp.ets // 自定义组件-二维码扫描相机流组件
| |—CustomScanCtrlComp.ets // 自定义组件-二维码扫描控制菜单组件
|—model
| |—PermissionModel.ets // 模型层-权限控制管理器
| |—WindowModel.ets // 模型层-窗口管理器

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
[外链图片转存中…(img-a0f04245-1712659528372)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！