大家好啊我是老周 写了快十五年前端了——从Zui早用Table布局怼页面 到后来玩React Vue3 再到去年转行搞鸿蒙开发 啥坑没踩过？

上个月刚上线一款叫「光绘记」的小App 主打手机端长曝光模拟效果 没想到居然有几百个用户私我说"这功Neng怎么实现的？" 今天就跟你掏心窝子唠唠 鸿蒙APP里到底怎么搞定光绘长曝光

先给没玩过光绘的朋友扫个盲：光绘就是拿个会发光的东西在漆黑环境里挥呀画呀 相机开着长曝光就Neng把移动轨迹录下来 像画画一样在黑暗里"写个字""画朵花" 但问题是——不是所有手机dou有专业长曝光模式啊！尤其早年鸿蒙机型 相机权限卡得死 想玩只Neng靠软件模拟

咱就是说啊 前端转鸿蒙开发kan着简单 实则处处是坑 Web那套Canvas经验放这儿根本不好使

真实相机长曝光是感光元件持续接收光线 软件模拟就得让画面"留住痕迹"——不是一笔画完就清屏 而是让之前的轨迹慢慢淡掉

我在「光绘记」里用了个超笨但有效的办法：每次重绘前先盖一层半透明黑布

具体到ArkTS代码就是这样： 初始化Canvas的时候 别开clearRect全局清除 每次用户划动屏幕时 第一步先用ctx.fillStyle = 'rgba'铺一层浅黑色 再调用ctx.fillRect盖一遍 Zui后才把新划动的轨迹点用渐变画上去

这样一来 之前的轨迹会以10%不透明度被覆盖一次 相当于每帧dou"淡一点" 但不会直接消失——完美复刻感光元件累积光线的感觉

对了哦！这里插个题外话哈 前阵子有朋友问我"为啥我Zuo的鸿蒙App百度总不收录？" 害这事儿我也踩过坑！ 百度对移动端应用收录kan两点：一是应用市场权重；二是你的App有没有给搜索引擎"喂料"——比如我在「光绘记」首页埋了大量文字描述甚至Zuo了个H5引导页同步geng新内容 搜索引擎爬蟲才Neng顺着链接找到你的App呀～你懂那种辛辛苦苦干半天没人kan的心塞吗？

要存下用户每一笔"光涂鸦" 数据结构得先想明白

我当初定义了三个接口： typescript // 一条完整光迹：包含工具类型/颜色/所有点 interface LightStroke { id: string; //唯一标识 tool: string; //光源类型 color: string; //发光颜色 points: LightPoint; //所有轨迹点 glowRadius: number; //光晕大小 } // 单个光点：坐标+时间戳 interface LightPoint { x: number; //屏幕X坐标 y: number; //屏幕Y坐标 timestamp: number; //记录时间 } // 光源工具库：提前定义好常用工具属性 const TOOLS =

是不是kan着hen简单？但当时为了算「渐隐程度」差点疯掉——本来想按时间戳算衰减系数结果发现用户划动速度不一样有的快有的慢后来干脆按points数组索引来算：越后面加进去点 opacity越高越靠前越淡反而geng符合视觉习惯

hen多人觉得"模拟长曝光不用真相机吧？"错错错！专业玩家肯定想连手机摄像头实时预览呀

于是「光绘记」加了个彩蛋功Neng：打开摄像头后跟着预览框一起画 这就不得不啃HarmonyOS 的CameraKit框架

过程简直一言难尽啊家人们 得在config.json里申权限:ohos.permission.CAMERA ohos.permission.READ_MEDIA不然直接闪退 然后调用cameraManager.getCameraList获取摄像头实例还要判断是不是后置镜头 Zui坑爹是的快门速度设置早期HarmonyOS版本只支持固定几种模式根本没法手动调慢快门速度

后来查文档才知道要用到CaptureRequest.Builder去自定义参数才行鼓捣半天才写出这段代码 : typescript async function setManualExposure { const camera = await cameraManager.openCamera; const builder = new CaptureRequest.Builder; builder.set; //关闭自动测光 builder.set; //设置15秒快门 builder.set; //ISO设Zui小减少噪点 const session = camera.createCaptureSession; await session.configure); }

跑通那天我差点哭出来…权限这玩意儿真比写代码磨人

上线第一周收到Zui多反馈是:"哥 参数太复杂啦Neng不Neng给新手一套默认值?"

对啊!普通人哪懂什么f/2.8 f/4.0?于是赶紧蹲在摄影博主评论区偷学经验出6套「场景 preset」直接焊死在设置页 :

别说还真有用 用户现在打开 App直接点「标准流」就Neng开拍再也没人问 "这个数字越大越好吗?"这种问题啦~

Zuo App嘛总想着加点 "情怀彩蛋"

比如「道具清单」页面 : 用户勾选需要带の东西 还Neng点击道具kan小贴士:"钢丝棉烧起来会冒烟记得戴手套+开窗户!" "荧光棒要提前掰亮等3分钟再用geng匀哦~";还有个「反手写功Neng」—因为拿手电筒写字时要反着写才会正过来显示 App会自动把用户输入の文字镜像翻转提示 "照着这个反字画就行~";甚至偷偷藏了个 "时光倒流按钮":点击后轨迹会反向播放像kan烟花倒着炸开一样傻乐呵但成就感拉满

写到这儿突然想起上周一个用户给我的留言 :"哥你的App让我第一次在小区楼下拍出像样の星空轨!"说实话比赚多少钱dou开心—技术这东西Zui终还是要人用着爽才有意义嘛~

Ru果你也想试试搞鸿蒙开发或者单纯想玩光绘画?去华为应用市场搜「光年記」下载玩玩kan里面所有源码逻辑dou跟今天唠の差不多遇到问题随时找我唠—毕竟咱们dou是被API折磨过の人呀~