HarmonyOS鸿蒙Next中希望按钮也能实现沉浸光感效果

HarmonyOS鸿蒙Next中希望按钮也能实现沉浸光感效果 【需求】希望按钮也能实现沉浸光感效果

10 回复

鸿蒙7应该会有的，敬请期待吧

更多关于HarmonyOS鸿蒙Next中希望按钮也能实现沉浸光感效果的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


现在可以手搓，7.0估计也会有扩充

参考这个第三方SDK：https://ohpm.openharmony.cn/#/cn/detail/hds_button

hds_button

hds_button 是一个基于 HarmonyOS HdsTabs 的浮动迷你栏按钮组件。

组件通过 barFloatingStyle 提供沉浸光感材质效果，并支持参数化和内容槽位自定义。

功能特性

  • 基于 HdsTabs + barFloatingStyle 实现浮动按钮
  • 支持沉浸材质：materialType / materialLevel
  • 支持 15 项参数配置（尺寸、图标、布局、事件、样式）
  • 支持 @BuilderParam 尾随闭包自定义按钮内容
  • 同时导出兼容别名 hdsButton（deprecated）

同问

同问

不是有个三方库实现了按钮沉浸光感视效么 叫啥忘了😂，

附议+1

参考：类HdsTabs样式—HdsButton实现，全面还原HdsTabs效果

v想，

在HarmonyOS Next中，按钮沉浸光感效果可通过ArkUI的blur属性设置backgroundBlurStyle，结合shadow和animateTo实现。使用@State控制模糊度与阴影参数，在onTouch事件中触发animateTo改变透明度及模糊半径，即可呈现动态光感反馈。

在 HarmonyOS Next 中，按钮本身就内置了沉浸光感（点击涟漪/波纹）效果，可通过 clickEffect 属性直接启用。例如：

Button('沉浸按钮')
  .clickEffect({ level: ClickEffectLevel.LIGHT })  // LIGHT/MIDDLE/HEAVY 控制光感强度

如需定制波纹颜色、半径等，可在 @Styles 或 @Extend 中使用 rippleColor、rippleRadius 等属性。此外，全局主题中也可定义默认点击效果，匹配应用整体光感风格。该效果支持所有可点击组件，无需额外实现。

回到顶部