第06篇｜HarmonyOS 6.1 新特性落地：留痕接住沉浸光感、扫码直达和隐私防窥

这一章是把 HarmonyOS 6.1 最贴近留痕的能力落到首页、水印页和记录页界面层更有层次入口层更短敏感信息更稳。图6-1 章节封面HarmonyOS 6.1 新特性落到留痕维度内容本章主题HarmonyOS 6.1 新特性如何落到留痕核心页面Index.ets、FeatureWatermarkPage.ets、FeatureRecordPage.ets、FeatureVoicePage.ets本章重点沉浸光感组件、扫码直达、隐私防窥阅读目标看懂新特性怎样改变首页入口、模板唤起和记录回看先给结论HarmonyOS 6.1 的价值不在于多了几个新名词而在于把视觉层、入口层和隐私层一起抬高。留痕只要把这三层接住首页就更像工作台记录页就更像可信证据链。一、先把 6.1 新特性映射到留痕的三个页面这一章只抓最贴近留痕的三项沉浸光感组件、扫码直达和隐私防窥。它们不是互相独立的装饰而是分别对应首页的层次感、功能入口的效率以及记录详情的安全边界。如果把留痕拆开看首页负责“看见”拍照和录音页负责“采集”记录页负责“回看”。HarmonyOS 6.1 的这三项能力正好分别落在这三段链路上看得更清楚进得更直接敏感字段更可控。新特性留痕落点具体收益沉浸光感组件首页功能卡、水印预览、记录卡片让当前状态更突出减少平铺式白块的生硬感扫码直达项目入口、模板入口、记录入口把“找页面”变成“扫一下就到”隐私防窥记录详情、地址、时间、录音备注在公共场景下减少敏感内容暴露图6-2 HarmonyOS 6.1 特性落点图首页、水印页和记录页分别接住能力二、沉浸光感不是加特效而是把首页层级拉出来留痕的首页本来就有清晰的工作台属性功能快捷入口、最近记录、统计复盘都在一屏里。如果继续沿用平铺式卡片页面就会显得“能用但不够顺”。沉浸光感组件更适合把首页的重点区域拉开层次让用户一眼知道当前该看哪张卡、该点哪一个入口。在当前项目里最适合接住这一能力的地方有三个底部 Tab 的激活态、首页快捷入口卡片、水印预览的高亮状态。它们都已经有明确的状态来源直接围绕 AppStorage 和服务层快照去做视觉升级不需要重写整个数据链路。private switchTab(tab: string): void {this.currentTab tab;this.pressedBottomTab ;AppStorage.setOrCreatestring(AppStorageKeys.MAIN_TAB, tab);}private buildQuickEntry(title: string, subtitle: string, active: boolean): void {Column({ space: 4 }) {Text(title).fontSize(14).fontWeight(FontWeight.Medium).fontColor(active ? #0F766E : #334155);Text(subtitle).fontSize(11).fontColor(#64748B);}.padding(16).borderRadius(16).backgroundColor(active ? #ECFEFF : #FFFFFF);}落点视觉处理用户感知首页功能入口激活态高亮、阴影层次、卡片呼吸感更像工作台不像拼贴卡片水印预览背景层与前景层分离避免一片平更容易看出当前模板和可编辑项记录卡片封面图、标题、时间、地址分层展示扫一眼就知道哪条记录更重要别把沉浸光感做成纯装饰它最有价值的地方不是颜色更花而是状态更清楚。留痕这种现场留证应用界面层次越清楚用户越不容易把重点看错。三、扫码直达把入口从“找页面”变成“扫一下就到”扫码直达适合留痕里的三类入口项目入口、模板入口和记录入口。现场使用时用户最讨厌的就是反复找页面、重复点层级、切来切去。把高频入口变成一个可识别的扫描目标路径会直接短一截。这一点和当前项目的服务层结构是契合的。Routes 负责页面跳转WorkClockService 负责解析业务对象AppStorage 负责保存当前所在入口。扫码结果只要能落到这三层里就不会把页面写散。private handleScanEntry(rawCode: string): void {const entry this.service.resolveScanEntry(rawCode.trim());if (!entry) {return;}this.currentTab entry.targetTab;AppStorage.setOrCreatestring(AppStorageKeys.MAIN_TAB, entry.targetTab);this.refreshAllData(true);}private resolveScanEntry(code: string): ScanEntry | null {const record this.service.findScanEntry(code);if (!record) {return null;}return {targetTab: record.targetTab,label: record.label};}扫码入口映射目标用户收益项目码项目选择页或项目卡片现场直接切换项目不用翻列表模板码水印页快速唤起常用模板记录码记录页回看记录更快四、隐私防窥让记录详情在公共场景更稳留痕保存的内容天然敏感时间、位置、项目名、录音备注都是现场留证里很实用、但也很容易被旁人扫到的信息。隐私防窥适合放在展示层不动底层记录只控制哪些内容在公共场景里要更克制。这一层不要做成“看不见”而要做成“看得懂但不外泄”。也就是说记录仍然是完整的回到个人设备或授权场景里可以完整查看只是在列表、预览、镜像展示等场景下把最敏感的字段做遮罩。private formatSensitiveField(raw: string, enabled: boolean): string {if (!enabled || raw.length 4) {return raw;}return ${raw.slice(0, 2)}***${raw.slice(-2)};}private formatLocation(raw: string, enabled: boolean): string {if (!enabled) {return raw;}return raw.replace(/(.{4}).(.{2})/, $1***$2);}字段默认显示防窥显示位置深圳市·南山区·科创路1号深圳市·南山***时间2025-05-28 10:30:452025-05-28 10:30:4*录音备注现场安全巡检设备编号 3 号现场安全***设备编号 3 号防窥不是删数据真正的记录仍然要保存在服务层和本地仓库里防窥只是展示策略。这样既能保护敏感内容也不会破坏后续统计、回看和导出。五、把 6.1 特性接进来最重要的是不打散原来的数据链路这类版本新特性最容易犯的错误是为了接能力把数据链路改乱。留痕现在的结构已经比较清晰WorkClockService 负责数据源AppStorage 只保存轻量状态页面只负责渲染和少量交互。6.1 的能力应该挂在这个结构上而不是另起一套状态树。检查项是否改动数据源原则WorkClockService否继续做唯一真源AppStorage轻量扩展只放 Tab、模板快照和刷新信号记录展示层是加入防窥和沉浸层样式扫码入口是只影响路由和页面跳转六、把 6.1 特性继续落回留痕的数据链路HarmonyOS 6.1 的能力不能只停在页面外观上。留痕更适合把它们挂在既有的数据链路上沉浸光感负责抬高首页层级扫码直达负责缩短入口路径隐私防窥负责收住敏感字段的显示边界。这样做的好处很直接新特性还是新特性但它们不是独立状态树也不会打散 WorkClockService、AppStorage 和页面渲染之间已经稳定下来的关系。首页、水印页和记录页继续消费同一份数据只是在视觉和交互上更贴近 6.1。图6-4 6.1 新特性回到留痕的三条主线首页、水印页和记录页。新特性落点页面收益沉浸光感组件首页工作台与功能入口让当前状态和入口层级更清楚扫码直达首页快捷入口与记录入口把常用操作路径缩短到一次触达隐私防窥记录页与水印页让时间、地点和备注更克制地展示private switchTab(tab: string): void {this.currentTab tab;this.pressedBottomTab ;AppStorage.setOrCreatestring(AppStorageKeys.MAIN_TAB, tab);}private buildQuickEntry(title: string, subtitle: string, active: boolean): void {Column({ space: 4 }) {Text(title).fontSize(14).fontWeight(FontWeight.Medium).fontColor(active ? #0F766E : #334155);Text(subtitle).fontSize(11).fontColor(#64748B);}.padding(16).borderRadius(16).backgroundColor(active ? #ECFEFF : #FFFFFF);}private formatSensitiveField(raw: string, enabled: boolean): string {if (!enabled || raw.length 4) {return raw;}return ${raw.slice(0, 2)}***${raw.slice(-2)};}把 6.1 的能力挂回这条链路之后留痕看起来还是原来的留痕但界面层次、入口效率和隐私边界都更稳了。新特性没有打散主线反而把主线抬得更清楚。图6-3 留痕十篇实战路线图第 6 章处在新特性升级段本章收束这一章的重点不是把 HarmonyOS 6.1 的能力全讲完而是把最适合留痕的能力接到对的位置沉浸光感接首页扫码直达接入口隐私防窥接记录展示。这样文章和产品都不会散。