输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
管理中心
我的

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
版本说明
您当前正在浏览新版开发者文档中心，目录分类和层级有所调整。点击左侧当前文档分类名称前的“☰”图标，可切换文档分类。 了解新版目录
指南应用框架UI Design Kit（UI设计套件）应用内多窗

应用内多窗

更新时间: 2026-09-09 06:54
本文导读

场景介绍

从6.0.0(20)版本开始，新增支持应用内多窗。

通过MultiWindowEntryInAPP (应用内多窗)组件提供的单应用多窗口接口，实现一个应用多个窗口并行运行的体验。并且可以设置图标大小颜色、背板大小颜色、文字大小颜色等。

如果开发者未集成HdsNavigation组件，可使用应用内多窗组件实现应用内多窗体验。

约束条件

依赖全景多窗特性，只有当前设备及屏幕状态支持全景多窗，才支持设置此功能。目前支持全景多窗的设备形态有：

  • 双折叠：展开态。

  • 三折叠：双屏态，三屏态的横屏态。

  • 平板：横屏态。

对于不支持的设备形态，该组件不可交互，不响应点击事件。

开发步骤

  1. 导入模块。

    收起
    自动换行
    深色代码主题
    复制
    1. // 从6.0.2(22)版本开始，无需手动导入MultiWindowEntryInAPPAttribute。具体请参考MultiWindowEntryInAPP的导入模块说明。
    2. import { MultiWindowEntryInAPP, MultiWindowEntryInAPPAttribute } from '@kit.UIDesignKit';
    3. import { Want } from '@kit.AbilityKit';
    4. import { TextModifier } from '@kit.ArkUI';

  2. 使用MultiWindowEntryInAPP组件，并且设置组件参数，详细请参考应用内多窗多股比价最佳实践。

    收起
    自动换行
    深色代码主题
    复制
    1. @Entry
    2. @Component
    3. struct Index {
    4.   @State textModifier: TextModifier = new TextModifier();
    5.   private want: Want = {
    6.     // 修改为当前应用的bundleName、moduleName、abilityName，启动应用内的UIAbility
    7.     bundleName: 'com.example.myapplication',
    8.     moduleName: 'entry',
    9.     abilityName: 'FuncAbility'
    10.   };
    11. 

    12.   build() {
    13.     Row() {
    14.       MultiWindowEntryInAPP({
    15.         want: this.want, isShowSubtitle: true, multiWindowEntryInAPPStyle: {
    16.           iconOptions: {
    17.             iconSize: 24,
    18.             iconColor: $r('sys.color.font_primary'),
    19.             iconWeight: FontWeight.Normal,
    20.             backgroundColor: $r('sys.color.comp_background_tertiary')
    21.           },
    22.           subtitleOptions: {
    23.             modifier: this.textModifier.fontColor(Color.Black)
    24.           }
    25.         }
    26.       })
    27.         .size({ width: 48, height: 48 })
    28.         .position({ x: 400, y: 30 })
    29.     }
    30.     .width('100%')
    31.     .height('100%')
    32.   }
    33. }

自带背景的双边流光
沉浸光感
相关推荐
文档设置应用内多窗
文档MultiWindowEntryInAPP (应用内多窗)
文档窗口模式
文档多窗口交互
文档应用声明支持智慧多窗
文档智慧多窗
文档概述
文档如何判断当前是否处于自由多窗及监听自由多窗切换
文档创建应用多实例
视频课程80-智慧多窗-应用内分屏
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明