HarmonyOS 鸿蒙Next 自定义弹窗dialog怎么设置依附于某个组件下面

我想实现dialog弹窗依附于Toolbar下方。怎么设置才能实现。用的是CustomDialog

sinazl 1楼•13 天前

1.依照现在开放的 CustomDialog 的API，无法实现依附效果。

2.可以尝试使用 bindContextMenu ，参考：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-universal-attributes-menu-V13

更多关于HarmonyOS 鸿蒙Next 自定义弹窗dialog怎么设置依附于某个组件下面的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

ionicwang 2楼•13 天前

在HarmonyOS 鸿蒙Next系统中，自定义弹窗（Dialog）设置依附于某个组件下面，可以通过设置弹窗的锚点（anchor）来实现。以下是具体步骤：

定义弹窗布局：首先，在XML或JS中定义你的自定义弹窗布局。确保布局文件包含你需要的UI元素。

创建弹窗实例：在你的JavaScript文件中，创建弹窗实例并加载自定义布局。例如：

let dialog = new ohos.ui.Dialog("customDialog");
dialog.setLayout(new ohos.ui.component.ComponentContainer(context).setLayoutConfig(config));
dialog.setContent(yourCustomLayout);

设置锚点：使用弹窗的setAnchorComponent方法，将弹窗依附于指定的组件。假设targetComponent是你要依附的组件实例：
```
dialog.setAnchorComponent(targetComponent);
```
显示弹窗：调用show方法显示弹窗：
```
dialog.show();
```

注意，targetComponent必须是一个有效的组件实例，且在当前页面中已存在。如果targetComponent为null或未正确设置，弹窗将不会依附于任何组件。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html