HarmonyOS鸿蒙Next中api23app开发适配问题

HarmonyOS鸿蒙Next中api23app开发适配问题 这种顶部的模糊是怎么做出来的


更多关于HarmonyOS鸿蒙Next中api23app开发适配问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

您好，这是沉浸光感（基于API23），具体开发可以参考：沉浸光感-UI Design Kit（UI设计套件）。

更多关于HarmonyOS鸿蒙Next中api23app开发适配问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


很抱歉，您提供的“内容”中没有HTML代码，只有一句文本“这是沉浸光感视效，”。请提供完整的HTML内容以便转换。

同问，

您好，参考沉浸光感-UI Design Kit（UI设计套件）-应用框架 - 华为HarmonyOS开发者

此文档为受控资源

HarmonyOS Next使用ArkTS语言及鸿蒙专属API（如API 9/10/11），不存在Android API 23概念。若指迁移Android API 23应用，需重构代码替换Android原生组件及权限模型，遵循鸿蒙声明式UI及元能力框架。

顶部模糊效果可通过 backdropBlur 实现。在 Stack 中先放置背景内容，再叠加一个半透明容器并设置 .backdropBlur(radius)，即可对该容器下方区域进行背景模糊。示例：

Stack() {
  // 背景内容
  Image($r('app.media.background')).width('100%').height('100%')
  // 顶部模糊区域
  Column()
    .width('100%')
    .height(80)
    .backdropBlur(20) // 模糊半径
}
.alignContent(Alignment.Top)

也可在导航栏组件上直接使用 .backdropBlur 配合半透明背景色，实现毛玻璃效果。注意 backdropBlur 仅作用于组件背后的内容，需确保组件自身背景有透明度。

回到顶部