HarmonyOS 鸿蒙Next PC能不能实现不是固定窗口而是自定义桌宠的那种可拖拽的效果呢？

HarmonyOS 鸿蒙Next PC能不能实现不是固定窗口而是自定义桌宠的那种可拖拽的效果呢？ 【问题描述】：我们想实现一个类似桌面宠物得那种右击宠物模型可以唤起窗口的效果，在鸿蒙pc上应该如何实现呢？？

【效果图】：


更多关于HarmonyOS 鸿蒙Next PC能不能实现不是固定窗口而是自定义桌宠的那种可拖拽的效果呢？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

开发者您好，您可以尝试使用全局悬浮窗，参考链接：PC上如何实现全局悬浮窗效果，右击唤起窗口开发者可以参考这个文档示例：右键弹出指向型菜单，开发者还可以自定义菜单：弹出自定义菜单。

更多关于HarmonyOS 鸿蒙Next PC能不能实现不是固定窗口而是自定义桌宠的那种可拖拽的效果呢？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


这个方法都试过了，都会有框的束缚，没有像win和macos的那种无框的效果吗？

开发者您好，无边框的效果开发者通过setWindowShadowEnabled接口去掉窗口阴影即可实现：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-window-window#setwindowshadowenabled20，窗口背景透明开发者可以参考这个文档：https://developer.huawei.com/consumer/cn/doc/architecture-guides/common-v1_26-ts_328-0000002503058710。

可以。通过 WindowStage 的 setWindowMode 设置窗口模式为 WINDOW_MODE_FLOATING，并调用 setWindowBounds 设置窗口大小。使用 on('windowSizeChange') 监听拖拽事件，配合 startWindowDrag 方法实现自由拖拽。利用 XComponent 或 Canvas 组件渲染动画即可实现自定义桌宠效果。

在HarmonyOS Next上实现类似桌宠的可拖拽效果是可行的。核心思路是利用窗口的子窗口或悬浮窗口能力，结合鼠标事件处理。

具体来说：

  1. 窗口类型：不能使用普通应用窗口（固定大小位置）。应创建子窗口或悬浮窗口，设置窗口为WindowType.TYPE_FLOAT，并关闭窗口装饰（avoidWindowKey），使得窗口没有标题栏，完全透明。
  2. 窗口形状：将窗口大小设置为桌宠素材的实际尺寸。通过setWindowLayoutMode(WindowLayoutMode.IMAGESIZE)或直接设置宽高与素材一致，并setWindowTransparent()开启透明。
  3. 拖拽逻辑：在窗口内捕获鼠标事件。通过onPointerEvent监听PointerEventType.MOVE。计算鼠标初始按下位置与窗口左上角的偏移量，在移动事件中调用moveWindowTo(x, y)实时更新窗口位置，实现拖拽。
  4. 右键菜单：在窗口内监听鼠标右键按下事件（PointerEventType.BUTTON_DOWN，按钮值MouseActionButton.RIGHT）。触发时，创建一个新的弹出窗口或使用系统Menu组件，显示自定义菜单项。
  5. 点击穿透：若需要部分区域不响应点击（比如桌宠四肢背后），可利用setTouchableRegion设定可触摸区域，或者通过hitTestBehavior控制事件分发。

实现路径是：一个无边框、透明背景的子窗口 → 在窗口内渲染PNG序列帧或使用Cavas绘制模型 → 注册鼠标事件实现拖拽和右键菜单 → 菜单项可唤起新的功能窗口。

回到顶部