HarmonyOS鸿蒙Next中如何实现popup组件穿透点击事件

HarmonyOS鸿蒙Next中如何实现popup组件穿透点击事件 给一系列组件都绑定了popup弹出气泡组件，气泡内容比较多的时候会遮挡其他组件，如何点击popup组件让消息穿透到下层被遮挡的组件？请求知道的朋友们指点一二，谢谢。

3 回复

试试  .HitTestBehavior(HitTestMode.Transparent)

参考 [https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5]

更多关于HarmonyOS鸿蒙Next中如何实现popup组件穿透点击事件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，实现Popup组件的穿透点击事件可以通过设置PopupController的modal属性为false来实现。默认情况下，Popup组件是模态的，会阻止背景的点击事件。将modal属性设置为false后，Popup组件将不再阻止背景的点击事件，从而实现穿透点击。

具体代码如下：

let popupController = new PopupController();
popupController.modal = false;

通过这种方式，Popup组件将不会拦截背景的点击事件，用户可以在Popup显示时继续与背景内容进行交互。

在HarmonyOS鸿蒙Next中，实现Popup组件的点击事件穿透，可以通过设置Popup的modal属性为false。默认情况下，modal为true，会阻止背景点击事件。将其设置为false后，点击事件可以穿透到背景组件。示例代码如下：

let popup = new Popup();
popup.modal = false;
popup.show();

这样，点击Popup区域外的背景时，事件会传递到下层组件。

回到顶部