最好的网站开发,赣州专业网站推广多少钱,无锡开发网站建设,广告设计是干嘛的在开始之前#xff0c;我们先明确自定义组件和页面的关系#xff1a;
1、自定义组件#xff1a;Component装饰的UI单元#xff0c;可以组合多个系统组件实现UI的复用。
2、页面#xff1a;即应用的UI页面。可以由一个或者多个自定义组件组成#xff0c;Entry装饰的自定…在开始之前我们先明确自定义组件和页面的关系
1、自定义组件Component装饰的UI单元可以组合多个系统组件实现UI的复用。
2、页面即应用的UI页面。可以由一个或者多个自定义组件组成Entry装饰的自定义组件为页面的入口组件即页面的根节点一个页面有且仅能有一个Entry。只有被Entry装饰的组件才可以调用页面的生命周期。 页面生命周期即被Entry装饰的组件生命周期提供以下生命周期接口
onPageShow页面每次显示时触发。
onPageHide页面每次隐藏时触发一次。
onBackPress当用户点击返回按钮时触发。
组件生命周期即一般用Component装饰的自定义组件的生命周期提供以下生命周期接口
aboutToAppear组件即将出现时回调该接口具体时机为在创建自定义组件的新实例后在执行其build()函数之前执行。
aboutToDisappear在自定义组件即将析构销毁时执行。 有Entity修饰的组件既有页面的生命周期也有组件的生命周期
// Index.ets
import router from ohos.router;Entry
Component
struct LifeCycleComponent {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(LifeCycleComponent aboutToAppear);}// 组件生命周期aboutToDisappear() {console.info(LifeCycleComponent aboutToDisappear);}build() {Column() {// this.showChild 为 true创建 Child 子组件执行 Child aboutToAppearif (this.showChild) {Child()}// this.showChild 为 false删除 Child 子组件执行 Child aboutToDisappearButton(create or delete Child).onClick(() {this.showChild false;})// push 到 Page2 页面执行 onPageHideButton(push to next page).onClick(() {router.pushUrl({ url: pages/Page2 });})}}
}无Entity修饰的组件只有组件的生命周期
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;})}
}
