国外有哪些设计网站推荐,阿里云云栖wordpress,什么是网站后期建设,哔哩哔哩网站建设分析一、UIAbility的生命周期 在UIAbility的使用过程中#xff0c;会有多种生命周期状态#xff0c;掌握UIAbility的生命周期#xff0c;对于应用的开发非常重要。 1、UIAbility的生命周期 UIAbility的生命周期主要分为以下4个#xff1a; Create---Foreground---Background---…  一、UIAbility的生命周期 在UIAbility的使用过程中会有多种生命周期状态掌握UIAbility的生命周期对于应用的开发非常重要。 1、UIAbility的生命周期 UIAbility的生命周期主要分为以下4个 Create---Foreground---Background---Destory 其中WindowStageCreate和WindowStageDestory是UIAbility中管理UI界面功能的两个生命周期回调。 2、UIAbility的生命周期使用 二、页面和自定义组件组件生命周期 转载自harmony 鸿蒙页面和自定义组件生命周期 1、被Entry装饰的生命周期 在开始之前我们先明确自定义组件和页面的关系 生命周期流程如下图所示下图展示的是被Entry装饰的组件首页生命周期。 组件生命周期即一般用Component装饰的自定义组件的生命周期提供以下生命周期接口 自定义组件\Component装饰的UI单元可以组合多个系统组件实现UI的复用。 页面即应用的UI页面。可以由一个或者多个自定义组件组成\Entry装饰的自定义组件为页面的入口组件即页面的根节点一个页面有且仅能有一个\Entry。只有被\Entry装饰的组件才可以调用页面的生命周期。 页面生命周期即被\Entry装饰的组件生命周期提供以下生命周期接口 onPageShow页面每次显示时触发。 onPageHide页面每次隐藏时触发一次。 onBackPress当用户点击返回按钮时触发。 aboutToAppear组件即将出现时回调该接口具体时机为在创建自定义组件的新实例后在执行其build()函数之前执行。 aboutToDisappear在自定义组件即将析构销毁时执行。 aboutToAppear组件即将出现时回调该接口具体时机为在创建自定义组件的新实例后在执行其build()函数之前执行。 aboutToDisappear在自定义组件即将析构销毁时执行。 2、组件生命周期使用 // Index.ets import router from ohos.router;Entry Component struct MyComponent {State showChild: boolean true;// 只有被Entry装饰的组件才可以调用页面的生命周期onPageShow() {console.info(Index onPageShow);}// 只有被Entry装饰的组件才可以调用页面的生命周期onPageHide() {console.info(Index onPageHide);}// 只有被Entry装饰的组件才可以调用页面的生命周期onBackPress() {console.info(Index onBackPress);}// 组件生命周期aboutToAppear() {console.info(MyComponent aboutToAppear);}// 组件生命周期aboutToDisappear() {console.info(MyComponent aboutToDisappear);}build() {Column() {// this.showChild为true创建Child子组件执行Child aboutToAppearif (this.showChild) {Child()}// this.showChild为false删除Child子组件执行Child aboutToDisappearButton(delete Child).onClick(() {this.showChild false;})// push到Page2页面执行onPageHideButton(push to next page).onClick(() {router.pushUrl({ url: pages/Page2 });})}} }Component struct Child {State title: string Hello World;// 组件生命周期aboutToDisappear() {console.info([lifeCycle] Child aboutToDisappear)}// 组件生命周期aboutToAppear() {console.info([lifeCycle] Child aboutToAppear)}build() {Text(this.title).fontSize(50).onClick(() {this.title Hello ArkUI;})} }