1e41f4b71Sopenharmony_ci# UIAbility组件基本用法 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci 4e41f4b71Sopenharmony_ci[UIAbility](../reference/apis-ability-kit/js-apis-app-ability-uiAbility.md)组件的基本用法包括:指定UIAbility的启动页面以及获取UIAbility的上下文[UIAbilityContext](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md)。 5e41f4b71Sopenharmony_ci 6e41f4b71Sopenharmony_ci 7e41f4b71Sopenharmony_ci## 指定UIAbility的启动页面 8e41f4b71Sopenharmony_ci 9e41f4b71Sopenharmony_ci应用中的[UIAbility](../reference/apis-ability-kit/js-apis-app-ability-uiAbility.md)在启动过程中,需要指定启动页面,否则应用启动后会因为没有默认加载页面而导致白屏。可以在UIAbility的[onWindowStageCreate()](../reference/apis-ability-kit/js-apis-app-ability-uiAbility.md#uiabilityonwindowstagecreate)生命周期回调中,通过[WindowStage](../reference/apis-arkui/js-apis-window.md#windowstage9)对象的[loadContent()](../reference/apis-arkui/js-apis-window.md#loadcontent9)方法设置启动页面。 10e41f4b71Sopenharmony_ci 11e41f4b71Sopenharmony_ci 12e41f4b71Sopenharmony_ci```ts 13e41f4b71Sopenharmony_ciimport { UIAbility } from '@kit.AbilityKit'; 14e41f4b71Sopenharmony_ciimport { window } from '@kit.ArkUI'; 15e41f4b71Sopenharmony_ci 16e41f4b71Sopenharmony_ciexport default class EntryAbility extends UIAbility { 17e41f4b71Sopenharmony_ci onWindowStageCreate(windowStage: window.WindowStage): void { 18e41f4b71Sopenharmony_ci // Main window is created, set main page for this ability 19e41f4b71Sopenharmony_ci windowStage.loadContent('pages/Index', (err, data) => { 20e41f4b71Sopenharmony_ci // ... 21e41f4b71Sopenharmony_ci }); 22e41f4b71Sopenharmony_ci } 23e41f4b71Sopenharmony_ci // ... 24e41f4b71Sopenharmony_ci} 25e41f4b71Sopenharmony_ci``` 26e41f4b71Sopenharmony_ci 27e41f4b71Sopenharmony_ci> **说明:** 28e41f4b71Sopenharmony_ci> 在DevEco Studio中创建的UIAbility中,该UIAbility实例默认会加载Index页面,根据需要将Index页面路径替换为需要的页面路径即可。 29e41f4b71Sopenharmony_ci 30e41f4b71Sopenharmony_ci 31e41f4b71Sopenharmony_ci## 获取UIAbility的上下文信息 32e41f4b71Sopenharmony_ci 33e41f4b71Sopenharmony_ci[UIAbility](../reference/apis-ability-kit/js-apis-app-ability-uiAbility.md)类拥有自身的上下文信息,该信息为[UIAbilityContext](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md)类的实例,[UIAbilityContext](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md)类拥有abilityInfo、currentHapModuleInfo等属性。通过UIAbilityContext可以获取UIAbility的相关配置信息,如包代码路径、Bundle名称、Ability名称和应用程序需要的环境状态等属性信息,以及可以获取操作UIAbility实例的方法(如[startAbility()](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md#uiabilitycontextstartability)、[connectServiceExtensionAbility()](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md#uiabilitycontextconnectserviceextensionability)、[terminateSelf()](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md#uiabilitycontextterminateself)等)。 34e41f4b71Sopenharmony_ci如果需要在页面中获得当前Ability的Context,可调用[getContext](../reference/apis-arkui/js-apis-getContext.md#getcontext)接口获取当前页面关联的UIAbilityContext或[ExtensionContext](../reference/apis-ability-kit/js-apis-inner-application-extensionContext.md)。 35e41f4b71Sopenharmony_ci 36e41f4b71Sopenharmony_ci- 在UIAbility中可以通过`this.context`获取UIAbility实例的上下文信息。 37e41f4b71Sopenharmony_ci 38e41f4b71Sopenharmony_ci ```ts 39e41f4b71Sopenharmony_ci import { UIAbility, AbilityConstant, Want } from '@kit.AbilityKit'; 40e41f4b71Sopenharmony_ci 41e41f4b71Sopenharmony_ci export default class EntryAbility extends UIAbility { 42e41f4b71Sopenharmony_ci onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void { 43e41f4b71Sopenharmony_ci // 获取UIAbility实例的上下文 44e41f4b71Sopenharmony_ci let context = this.context; 45e41f4b71Sopenharmony_ci // ... 46e41f4b71Sopenharmony_ci } 47e41f4b71Sopenharmony_ci } 48e41f4b71Sopenharmony_ci ``` 49e41f4b71Sopenharmony_ci 50e41f4b71Sopenharmony_ci- 在页面中获取UIAbility实例的上下文信息,包括导入依赖资源context模块和在组件中定义一个context变量两个部分。 51e41f4b71Sopenharmony_ci 52e41f4b71Sopenharmony_ci ```ts 53e41f4b71Sopenharmony_ci import { common, Want } from '@kit.AbilityKit'; 54e41f4b71Sopenharmony_ci 55e41f4b71Sopenharmony_ci @Entry 56e41f4b71Sopenharmony_ci @Component 57e41f4b71Sopenharmony_ci struct Page_EventHub { 58e41f4b71Sopenharmony_ci private context = getContext(this) as common.UIAbilityContext; 59e41f4b71Sopenharmony_ci 60e41f4b71Sopenharmony_ci startAbilityTest(): void { 61e41f4b71Sopenharmony_ci let want: Want = { 62e41f4b71Sopenharmony_ci // Want参数信息 63e41f4b71Sopenharmony_ci }; 64e41f4b71Sopenharmony_ci this.context.startAbility(want); 65e41f4b71Sopenharmony_ci } 66e41f4b71Sopenharmony_ci 67e41f4b71Sopenharmony_ci // 页面展示 68e41f4b71Sopenharmony_ci build() { 69e41f4b71Sopenharmony_ci // ... 70e41f4b71Sopenharmony_ci } 71e41f4b71Sopenharmony_ci } 72e41f4b71Sopenharmony_ci ``` 73e41f4b71Sopenharmony_ci 74e41f4b71Sopenharmony_ci 也可以在导入依赖资源context模块后,在具体使用[UIAbilityContext](../reference/apis-ability-kit/js-apis-inner-application-uiAbilityContext.md)前进行变量定义。 75e41f4b71Sopenharmony_ci 76e41f4b71Sopenharmony_ci 77e41f4b71Sopenharmony_ci ```ts 78e41f4b71Sopenharmony_ci import { common, Want } from '@kit.AbilityKit'; 79e41f4b71Sopenharmony_ci 80e41f4b71Sopenharmony_ci @Entry 81e41f4b71Sopenharmony_ci @Component 82e41f4b71Sopenharmony_ci struct Page_UIAbilityComponentsBasicUsage { 83e41f4b71Sopenharmony_ci startAbilityTest(): void { 84e41f4b71Sopenharmony_ci let context = getContext(this) as common.UIAbilityContext; 85e41f4b71Sopenharmony_ci let want: Want = { 86e41f4b71Sopenharmony_ci // Want参数信息 87e41f4b71Sopenharmony_ci }; 88e41f4b71Sopenharmony_ci context.startAbility(want); 89e41f4b71Sopenharmony_ci } 90e41f4b71Sopenharmony_ci 91e41f4b71Sopenharmony_ci // 页面展示 92e41f4b71Sopenharmony_ci build() { 93e41f4b71Sopenharmony_ci // ... 94e41f4b71Sopenharmony_ci } 95e41f4b71Sopenharmony_ci } 96e41f4b71Sopenharmony_ci ``` 97