HarmonyOS 鸿蒙Next ArkUI中悬浮窗如何根据用户拖动位置

HarmonyOS 鸿蒙Next ArkUI中悬浮窗如何根据用户拖动位置 目前，现有开发的APP中需要使用全局悬浮窗，目前参照指南当中可以通过window.createWindow来展示悬浮窗，但悬浮窗未找到资料如何如何实现悬浮窗根据用户拖动来改变位置的功能？

另外想了解创建子窗口是否也可以实现悬浮窗功能，子窗口和悬浮窗使用业务场景有什么区别，像类似微信音视频通话的悬浮窗，该采用哪种方式实现？

4 回复

可以参考开发指南（代码）实现。

在应用程序中使用画中画功能：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/pipwindow-overview-V5

设置悬浮窗功能：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-window-stage-V5#%E8%AE%BE%E7%BD%AE%E6%82%AC%E6%B5%AE%E7%AA%97%E5%8F%97%E9%99%90%E5%BC%80%E6%94%BE

更多关于HarmonyOS 鸿蒙Next ArkUI中悬浮窗如何根据用户拖动位置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


需要授权才能看，

基本信息

  • 姓名: 张三
  • 年龄: 28
  • 职位: 经理

技能

  • Python
  • Java
  • C++

在HarmonyOS的ArkUI中，实现悬浮窗根据用户拖动位置的功能，可以通过@ohos.window模块中的Window类来实现。首先，创建一个窗口并通过Window的moveTo方法来移动窗口的位置。用户拖动操作可以通过手势事件来捕获，例如使用Gesture组件监听PanGesture（平移手势），并在手势回调中更新窗口的位置。

具体步骤如下：

  1. 使用Window类的create方法创建一个窗口，并设置窗口类型为悬浮窗。
  2. 在UI组件中，使用Gesture组件监听PanGesture，捕获用户的拖动操作。
  3. 在PanGesture的回调函数中，获取手势的偏移量（offsetX和offsetY），并调用Window的moveTo方法，根据偏移量更新窗口的位置。

示例代码：

import window from '@ohos.window';
import { Gesture, PanGesture } from '@ohos.arkui.UIContext';

// 创建悬浮窗
let windowClass = await window.create("myWindow", window.WindowType.TYPE_FLOAT);
await windowClass.moveTo(100, 100); // 初始位置

// 监听拖动手势
Gesture.onPan((event: PanGesture) => {
  let offsetX = event.offsetX;
  let offsetY = event.offsetY;
  windowClass.moveTo(offsetX, offsetY); // 更新窗口位置
});

通过这种方式，可以实现悬浮窗随用户拖动而移动的功能。

在HarmonyOS鸿蒙Next中，ArkUI通过Window和WindowManagerAPI管理悬浮窗。用户拖动悬浮窗时，系统会触发onWindowMove回调。开发者可在此回调中获取窗口的x和y坐标，实时更新窗口位置。示例代码如下：

window.onWindowMove((x, y) => {
  // 更新窗口位置
  window.setPosition(x, y);
});

通过监听onWindowMove事件，开发者可以灵活控制悬浮窗的拖动行为。

回到顶部