输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
FAQ
FAQ应用框架开发UI框架组件使用移除bindPopup弹窗的阴影效果

移除bindPopup弹窗的阴影效果

更新时间: 2026-06-26 07:47
本文导读

问题现象

如何移除bindPopup弹窗的阴影效果？

问题效果预览：

效果预览

背景知识

  • ShadowOptions：阴影属性集合，用于设置阴影的模糊半径、阴影的颜色、X轴和Y轴的偏移量。
  • 阴影效果：阴影接口shadow可以为当前组件添加阴影效果。

解决方案

通过配置ShadowOptions实现阴影效果的灵活控制。在ShadowOptions模式中，当满足radius设置为0时，即可实现无阴影效果。

收起
自动换行
深色代码主题
复制
  1. @Entry
  2. @Component
  3. struct PopupExample {
  4.   @State customPopup: boolean = false;
  5. 

  6.   build() {
  7.     Column({ space: 100 }) {
  8.       Button('popup')
  9.         .margin({ top: 50 })
  10.         .onClick(() => {
  11.           this.customPopup = !this.customPopup;
  12.         })
  13.         .bindPopup(this.customPopup, {
  14.           message: 'this is a popup',
  15.           arrowHeight: 20,
  16.           arrowWidth: 20,
  17.           radius: 20,
  18.           shadow: {
  19.             radius: 0
  20.           },
  21.         });
  22.     }
  23.     .width('100%');
  24.   }
  25. }
利用Flex布局实现子项的展开与折叠
List组件滑动时如何控制滑动幅度和滑动范围
相关推荐
文档页面的弹窗阴影遮挡页面内容
文档阴影
文档Popup弹窗如何实现按钮关闭和外部点击关闭
文档OH_ArkUI_ShadowOptions
文档如何封装bindPopup的options
文档如何控制Popup在指定时机消失
文档如何使Popup宽度占满屏幕
文档如何实现类似其他平台popwindow弹窗效果
文档如何自定义bindPopup的交互式关闭功能
文档如何修改bindPopup绑定的弹窗圆角大小和箭头颜色
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词