本原创文章帖发布在华为开发者联盟社区，欢迎开发者前往访问评论交流，更多与该内容相关讨论，请点击原帖查看：

HarmonyOS 6 HDS 新能力：悬浮页签与沉浸光感，开发者适配指南

在 HarmonyOS 6（API 23）中，HDS（HarmonyOS Design System）组件新增了悬浮页签与沉浸光感材质相关能力。
如果你的应用正在做首页改版、内容页升级，或者希望统一界面风格，这两项能力值得关注。

开发者可通过集成 UI Design Kit 使用相关能力，并结合页面结构和业务场景评估是否适合接入。

一、悬浮页签：增强页面层次感和灵动感

新版本支持导航栏的悬浮样式。与传统贴边布局相比，悬浮页签会覆盖在内容之上，更适合内容层次较丰富、希望弱化导航边界感的页面。这类设计的价值主要体现在两个方面：

• 让导航与内容之间的层级关系更清晰

• 在不明显压缩内容区域的前提下，保持导航入口可见

如果你的页面以内容浏览为主，例如推荐页、信息流页面、内容聚合页，悬浮页签会更容易体现价值。

*仅示意，最终用户界面显示效果，以实际机型呈现为准。

如果页面本身信息密度较高，或者导航承担的操作较多，则需要结合实际布局评估是否适合使用。

二、沉浸光感：用于增强界面反馈和视觉分层

配合悬浮布局，沉浸光感材质可用于增强 HDS 组件的视觉反馈。
在相关组件启用材质效果后，标题栏按钮、悬浮页签等元素会呈现更明显的层次变化，帮助用户更快识别当前可操作区域和视觉焦点。

*仅示意，最终用户界面显示效果，以实际机型呈现为准。

对开发者来说，这项能力的意义不仅仅在于增加视觉效果，更能带来：

• 让组件状态反馈更清晰；
• 让导航、标题栏和内容区之间的分层更自然；
• 减少自定义光影和材质效果的实现成本。

如果你的页面已经采用较强的沉浸式设计，或者希望进一步提升界面的统一性和完成度，这项能力会更有参考价值。

三、适合优先关注的场景&适配建议

这两项能力更适合以下场景优先尝试：

• 内容浏览型首页；
• 推荐页、资讯页、视频页等沉浸式内容页面；
• 希望弱化导航边界感、增强界面层次感的页面；
• 正在做 HarmonyOS 6 风格适配，或希望减少自定义视觉实现成本的应用。

如果应用页面本身信息密度较高，或者导航承担的操作较多，建议结合实际布局评估后再使用。

四、参考文档

1. 悬浮页签开发参考文档：
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ui-design-hds-tabs-bar-floating

2. 沉浸光感开发参考文档：
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ui-design-hds-component-material

PS:

开发者联盟APP最新版本已实现相关效果，您可以点击链接 在应用市场下载或扫描以下二维码下载最新版本体验：

注：悬浮页签和沉浸光感效果在系统版本6.0.0.328 sp52及以上生效

扫码加入鸿蒙主题交流群，共同交流鸿蒙应用创新与开发