给鸿蒙导航加块"玻璃"看看怎么实现？
·
最近给同一个底部导航试了两种玻璃效果：官方路线用 UI Design Kit 的 HdsTabs，通过 barFloatingStyle.systemMaterialEffect 配置系统材质；社区路线接入 com.hm.appleui.hw 2.1.0 的 AppleUI。
接入时最明显的区别是层级。官方方案在页签组件上配置材质；社区方案把可滚动内容、玻璃透镜和透明导航点击层叠在一起，透镜负责取下层画面，图标和点击仍交给上层导航。下面两段都裁自真机录屏的导航局部：先看官方材质，再看社区透镜，滚动时两种效果的区别更直观。
官方 HdsTabs
社区 AppleUI
两种方案的配置、导入、引用、设备材质查询和对照截图，我写在公众号「程序猿米饭」的《给鸿蒙导航加块玻璃？》里，感兴趣可以搜标题看完整过程和源码。
动图来自本次 HUAWEI Pura X 运行录屏，分别截取约 10 秒和 8 秒的导航局部并降低采样帧率，仅用于展示效果。
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
0
0- 0
已为社区贡献5条内容
所有评论(0)