1# UIAbility组件概述 2 3 4## 概述 5 6UIAbility组件是一种包含UI的应用组件,主要用于和用户交互。 7 8UIAbility的设计理念: 9 101. 原生支持应用组件级的跨端迁移和多端协同。 11 122. 支持多设备和多窗口形态。 13 14 15UIAbility划分原则与建议: 16 17UIAbility组件是系统调度的基本单元,为应用提供绘制界面的窗口。一个应用可以包含一个或多个UIAbility组件。例如,在支付应用中,可以将入口功能和收付款功能分别配置为独立的UIAbility。 18 19每一个UIAbility组件实例都会在最近任务列表中显示一个对应的任务。 20 21对于开发者而言,可以根据具体场景选择单个还是多个UIAbility,划分建议如下: 22 23- 如果开发者希望在任务视图中看到一个任务,建议使用“一个UIAbility+多个页面”的方式,可以避免不必要的资源加载。 24 25- 如果开发者希望在任务视图中看到多个任务,或者需要同时开启多个窗口,建议使用多个UIAbility实现不同的功能。 26 27 例如,即时通讯类应用中的消息列表与音视频通话采用不同的UIAbility进行开发,既可以方便地切换任务窗口,又可以实现应用的两个任务窗口在一个屏幕上分屏显示。 28 29> **说明**: 30> 31>任务视图用于快速查看和管理当前设备上运行的所有任务或应用。 32 33## 声明配置 34 35为使应用能够正常使用UIAbility,需要在[module.json5配置文件](../quick-start/module-configuration-file.md)的[abilities标签](../quick-start/module-configuration-file.md#abilities标签)中声明UIAbility的名称、入口、标签等相关信息。 36 37 38```json 39{ 40 "module": { 41 // ... 42 "abilities": [ 43 { 44 "name": "EntryAbility", // UIAbility组件的名称 45 "srcEntry": "./ets/entryability/EntryAbility.ets", // UIAbility组件的代码路径 46 "description": "$string:EntryAbility_desc", // UIAbility组件的描述信息 47 "icon": "$media:icon", // UIAbility组件的图标 48 "label": "$string:EntryAbility_label", // UIAbility组件的标签 49 "startWindowIcon": "$media:icon", // UIAbility组件启动页面图标资源文件的索引 50 "startWindowBackground": "$color:start_window_background", // UIAbility组件启动页面背景颜色资源文件的索引 51 // ... 52 } 53 ] 54 } 55} 56``` 57