你的鸿蒙应用，能玩转“多窗口”吗？别让多任务管理只停留在想象中！

🏆本文收录于「滚雪球学SpringBoot」专栏(全网一个名)，手把手带你零基础入门Spring Boot，从入门到就业，助你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！

环境说明：Windows 10 + IntelliJ IDEA 2021.3.2 + Jdk 1.8

🧭📌 目录（让“窗口管理”成为鸿蒙应用的多任务超能力）

• 😄📝 前言：多窗口不只是花样，是真正的生产力💼
• 🖥️💡 WindowStage：窗口管理的“指挥中心”
• 🪟✨ 窗口创建与管理：你以为窗口就像按钮？其实背后有大文章
• 🧳🖥️ 分屏与浮窗：多任务并行的“超级能力”
• 🏃‍♀️📺 窗口动画：让多个窗口之间的过渡像魔法一样流畅
• 🧯🧨 常见翻车现场：我替你踩过的坑（并且全程拍照📸）
• 🎯✅ 总结：窗口管理的王者，不仅仅是你能打开几个窗口！
• ❓🤝 小确认：你是鸿蒙 5.x 还是 NEXT 的开发者？需要更多定制化的例子吗？

😄📝 前言：多窗口不只是花样，是真正的生产力💼

还记得刚接触鸿蒙时，你对多窗口的第一印象吗？觉得它不就是 “这只是手机多开小窗口的功能”？🤔
事实证明，鸿蒙的多窗口系统比你想的更有深度——这不只是 “几个页面堆在一起”，它真正的作用在于：

• 提升多任务处理效率，让你能同时跟多个任务打交道，增强应用的生产力💪
• 提供分屏与浮窗功能，让你真正享受到“灵活拖拽、多任务并行”的体验⚡️
• 窗口间流畅的动画过渡，让窗口的切换不再像“强行关闭应用”一样丑陋👀
• 设备间的多窗口同步，你打开窗口，另一个设备上也能同步进行，做任务更高效！📱💻

想象一下，当你在开发一个应用时——不仅仅是有界面，可以实现更多场景的动态展示，你能控制窗口的出现与消失、动画的过渡以及窗口间的交互，这是一种全新的体验！😎

接下来，就让我们从窗口管理的基础知识开始，把这些功能逐步解构出来，看看如何在鸿蒙应用里实现这些“看似不可能”的操作吧！🚀

🖥️💡 WindowStage：窗口管理的“指挥中心”🎛️

WindowStage 是鸿蒙操作系统中用于管理应用窗口的核心组件，它决定了窗口的创建、管理、布局与生命周期。你可以将其看作是“窗口背后的操作系统管理员”。

1) WindowStage 是什么？

WindowStage 是一种能够管理多窗口的结构，可以理解为一个容器。它不仅仅负责当前页面窗口的管理，还能处理其他设备上共享窗口、浮窗等任务。

• 主要功能：

  • 窗口的创建与销毁
  • 窗口的布局、对齐与大小调整
  • 多窗口显示与交互
  • 跨设备的窗口同步管理

WindowStage 是让你在一个设备上处理多任务的“中枢”，当涉及到分屏、浮窗和多设备交互时，它是必须掌握的基础工具。

2) 如何使用 WindowStage 创建窗口？

import { WindowStage, Window, LayoutConfig } from '@ohos.window';

const windowStage = WindowStage.getInstance();

// 创建一个新的窗口
const newWindow = windowStage.createWindow({
  title: '新窗口',
  width: 400,
  height: 600,
  layout: new LayoutConfig() // 用于定义窗口的布局方式
});

// 添加新窗口
windowStage.addWindow(newWindow);

// 移除窗口
windowStage.removeWindow(newWindow);

WindowStage 的操作流程基本如此。你可以通过它进行窗口的管理和布局——一旦窗口创建，它将会自动进入活动状态，并且能在 WindowStage 管理的多窗口系统中占有一席之地。

🪟✨ 窗口创建与管理：你以为窗口就像按钮？其实背后有大文章📚

窗口的创建不仅仅是简单的弹出，它涉及到窗口布局、生命周期、交互设计，这些都需要你合理掌控。

1) 多窗口的布局与显示

通过 WindowStage 管理多个窗口时，布局的控制至关重要。你需要决定窗口如何显示：

• 分屏显示：让两个窗口并排显示，适用于多任务场景
• 浮窗显示：让一个窗口像浮动的小窗一样显示，适合不干扰主界面的轻量任务

// 以分屏为例，创建两个窗口
const leftWindow = windowStage.createWindow({
  title: '左边窗口',
  width: 500,
  height: 600,
  layout: new LayoutConfig({position: 'left', width: 500, height: '100%'})
});

const rightWindow = windowStage.createWindow({
  title: '右边窗口',
  width: 500,
  height: 600,
  layout: new LayoutConfig({position: 'right', width: 500, height: '100%'})
});

windowStage.addWindow(leftWindow);
windowStage.addWindow(rightWindow);

2) 窗口的生命周期管理

窗口的生命周期也是一项关键任务。在你创建窗口后，你需要确保它在不再需要时能被正确销毁，并且处理好每个窗口的状态管理。

• 创建：你可以动态地创建新窗口，甚至为其赋予特定内容和功能
• 销毁：你需要通过适当的机制在不需要时销毁窗口，释放资源
• 恢复：对于已经销毁的窗口，你可以选择恢复它的状态

// 销毁窗口
windowStage.removeWindow(leftWindow);

🧳🖥️ 分屏与浮窗：多任务并行的“超级能力”💥

鸿蒙操作系统的分屏与浮窗功能让应用能够处理更多任务，并且实现灵活的用户界面。你不仅能在一个屏幕中同时显示多个窗口，还能通过浮窗灵活处理短期任务，比如视频播放、消息通知等。

1) 分屏功能

分屏功能允许多个窗口并排显示，提供平行的多任务处理空间。鸿蒙的分屏能力主要通过窗口管理的“布局方式”来实现。

const window1 = windowStage.createWindow({
  title: '窗口1',
  width: 600,
  height: 1000,
  layout: new LayoutConfig({position: 'left', width: '50%', height: '100%'})
});

const window2 = windowStage.createWindow({
  title: '窗口2',
  width: 600,
  height: 1000,
  layout: new LayoutConfig({position: 'right', width: '50%', height: '100%'})
});

windowStage.addWindow(window1);
windowStage.addWindow(window2);

2) 浮窗功能

浮窗则是当窗口不需要占据整个屏幕时的一种应用形式，它允许你将窗口浮动在其他窗口上方。比如，浮动的消息通知、图片预览等。

const floatingWindow = windowStage.createWindow({
  title: '浮动窗口',
  width: 400,
  height: 400,
  layout: new LayoutConfig({position: 'floating', width: 400, height: 400})
});

windowStage.addWindow(floatingWindow);

浮窗和分屏功能使得用户在多任务处理上能够得到极大的解放。你可以自由拖动浮窗或切换分屏模式，实现灵活的工作流。

🏃‍♀️📺 窗口动画：让多个窗口之间的过渡像魔法一样流畅✨

窗口间的动画可以提升用户的整体体验。你可以在窗口创建、销毁或切换时使用动画，让操作显得更自然和丝滑。

1) 窗口创建与销毁动画

例如，给窗口创建与销毁添加动画效果，可以让用户感知到窗口的生命历程，而不是“忽然冒出来”或者“突兀消失”。

const windowWithAnimation = windowStage.createWindow({
  title: '动画窗口',
  width: 600,
  height: 1000,
  layout: new LayoutConfig({position: 'left', width: '50%', height: '100%'})
});

// 为窗口添加创建动画
windowWithAnimation.animation = {
  enter: {
    type: 'fadeIn',
    duration: 500
  },
  exit: {
    type: 'fadeOut',
    duration: 300
  }
};

windowStage.addWindow(windowWithAnimation);

通过动画，用户将看到窗口渐显或渐隐，提供了一种更加平滑、无缝的过渡效果。

🧯🧨 常见翻车现场：我替你踩过的坑📸

• 窗口堆叠太多：分屏功能好，但不要一时爽，几个窗口堆一起用户就会觉得界面乱掉，甚至不能有效操作。
  ✅ 解决：合理设计界面层次，避免无意义的窗口叠加，避免用户迷失于大量窗口之间。

• 浮窗过多导致视觉混乱：浮窗是便利工具，但浮窗一多就容易让界面变得凌乱。
  ✅ 解决：提供浮窗的最小化、关闭功能，避免多个浮窗同时显示影响体验。

🎯✅ 总结：窗口管理的王者，不仅仅是你能打开几个窗口！👑

鸿蒙的窗口管理不仅仅是“打开新窗口”，它是涉及到多任务、跨设备同步、流畅动画过渡的完整解决方案。掌握了它，你不仅能让应用拥有现代感十足的多窗口体验，还能为用户带来流畅、无缝、灵活的交互。

总结一下：

1. 🖥️ WindowStage 是你的窗口管理核心，学会它，你就学会了多窗口的控制权。
2. 🪟 分屏和浮窗 是鸿蒙提供的强大能力，不仅能够并排显示多个窗口，还能通过浮窗提升用户操作的灵活性。
3. 🏃‍♀️ 动画让窗口之间的切换变得丝滑自然，提升体验的同时也让界面变得更加生动。

🧧福利赠与你🧧

  无论你是计算机专业的学生，还是对编程有兴趣的小伙伴，都建议直接毫无顾忌的学习此专栏「滚雪球学SpringBoot」专栏(全网一个名)，bug菌郑重承诺，凡是学习此专栏的同学，均能获取到所需的知识和技能，全网最快速入门SpringBoot，就像滚雪球一样，越滚越大， 无边无际，指数级提升。

  最后，如果这篇文章对你有所帮助，帮忙给作者来个一键三连，关注、点赞、收藏，您的支持就是我坚持写作最大的动力。

  同时欢迎大家关注公众号:「猿圈奇妙屋」 ，以便学习更多同类型的技术文章，免费白嫖最新BAT互联网公司面试题、4000G pdf电子书籍、简历模板、技术文章Markdown文档等海量资料。

✨️ Who am I?

我是bug菌(全网一个名)，CSDN | 掘金 | InfoQ | 51CTO | 华为云 | 阿里云 | 腾讯云 等社区博客专家，C站博客之星Top30，华为云多年度十佳博主/价值贡献奖，掘金多年度人气作者Top40，掘金等各大社区平台签约作者，51CTO年度博主Top12，掘金/InfoQ/51CTO等社区优质创作者；全网粉丝合计 30w+；更多精彩福利点击这里；硬核微信公众号「猿圈奇妙屋」，欢迎你的加入！免费白嫖最新BAT互联网公司面试真题、4000G PDF电子书籍、简历模板等海量资料，你想要的我都有，关键是你不来拿。

-End-