企业官网建设流程全解析

折叠屏进入悬停态，拍摄按钮却盖住取景框：HarmonyOS 7 相机预览区与控制区怎么拆

直板状态下相机页面正常，设备折到悬停角度后，拍摄按钮仍按整屏底部定位，正好盖住主体；再轻微晃动几次，布局在上下屏之间来回切换，录像还被重启。HarmonyOS 7 的多设备适配方向明确包含折叠开合/悬停和相机适配。真正可用的实现需要同时处理三个问题：姿态事件会抖动、上下区域职责不同、相机会话不应跟着布局反复创建。

验证边界：本文的 HarmonyOS 7/API 26 能力与约束以文末当前官方资料为准；应用侧状态模型和断言已在本机 Node.js 环境执行。当前本机 SDK 为 API 24，且没有连接 HDC 真机，因此不声称完成 API 26 编译、真机拍摄、跨设备传输或 AppGallery 审核验证。

用角度抖动和录像中切换复现问题

启动录像预览，把设备缓慢折到悬停范围边缘，再在临界角度前后轻微晃动。记录 posture、hingeBand、layoutGeneration、previewBounds、controlBounds、cameraSessionId 和 recordingState。失败信号包括：一秒内多次重排、控制区与预览区相交、sessionId 改变、录像状态从 recording 短暂回到 idle。

案例一：拍菜谱时预览应完整，控制区允许更密集

上半屏承担取景，不能被快门、倍率和模式切换覆盖；下半屏可以放操作，但仍要避让铰链和系统安全区。预览可以裁切适配，不能简单压缩到错误宽高比。

案例二：视频录制中进入悬停态不能重建会话

布局树变化只更新 Surface 和控件区域，不应因为进入 hover 分支就创建新的 CameraSession。若设备或接口要求重新配置，也要显式暂停、保存录制状态并给出可观察反馈，不能静默丢片段。

姿态先过迟滞和稳定窗口

不要把单次角度值直接映射成布局。进入悬停需要连续满足范围若干毫秒，退出使用更宽的边界，形成迟滞；同时给每次布局切换分配 generation，旧测量结果不能覆盖新状态。这样可以消除临界角度反复横跳。

预览区和控制区用职责而不是固定坐标拆分

区域模型保存 topPreviewRect、bottomControlRect、hingeRect 和 safeInsets。普通直板可以合并区域，悬停时明确禁止控制元素进入预览主内容安全区。横竖变化后重新计算区域，但 CameraSession 仍由页面级 owner 持有。

旋转与裁切需要独立验证

官方相机录像文档提供旋转角度获取与输出状态监听。折叠姿态变化后，预览显示旋转、录像输出旋转和控件方向要分别验证。画面看着正不等于保存文件方向正确；按钮方向正确也不证明预览没有非等比拉伸。

可直接复用的工程切片

type HoverLayout = { preview: Rect; controls: Rect; hinge: Rect } type Rect = { x:number; y:number; width:number; height:number } function intersects(a: Rect, b: Rect): boolean { return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y } // CameraSession 由页面级 owner 持有，布局分支只更新 Surface 与控件区域。

上面是围绕官方能力位置整理的 ArkTS/工程接入片段，仍需在 API 26 工具链和目标设备上编译验证。下面把最容易出错的应用侧判定抽成可执行断言，避免把接口示意写成“已经真机跑通”。

class HoverGate { state='flat'; count=0; sample(inBand){ this.count=inBand?this.count+1:0; if(this.count>=3)this.state='hover'; return this.state; } } const g=new HoverGate(); g.sample(true); g.sample(false); g.sample(true); if(g.state!=='flat') throw new Error('姿态抖动触发了布局'); g.sample(true); g.sample(true); if(g.state!=='hover') throw new Error('稳定姿态未进入悬停');

方案对比

选择姿态稳定器和相机会话单 owner。布局响应姿态，但采集生命周期由更稳定的页面或服务层管理。

交付物与回归清单

一个HoverGate、四区域布局模型、CameraSession 所有权规则和录像中切换回归用例。

• 临界角度晃动不会频繁切换布局。
• 拍摄控件不遮挡取景主区域。
• 铰链和安全区均被避让。
• 录像中切换姿态不会静默重建会话。
• 预览方向、文件方向和控件方向分别核验。

悬停态适配不是把按钮搬到下半屏。先稳定姿态，再拆清区域职责，最后守住相机会话所有权，折叠屏拍摄才能从“能显示”走到“敢录制”。

官方资料

• 多设备适配与折叠悬停
• 多设备自适应应用
• Camera Kit 录像开发
• 2026 年 9 月 HarmonyOS 月刊