HarmonyOs鸿蒙--基础功能

fynn.g

已于 2023-11-29 16:40:20 修改

阅读量964

点赞数 7

分类专栏：鸿蒙学习文章标签： harmonyos

于 2023-11-24 18:42:46 首次发布

本文链接：https://blog.csdn.net/ICanDots/article/details/134599678

版权

本文详细介绍了HarmonyOS鸿蒙系统中的基础功能，包括组件装饰器（如@Component,@Entry,@Builder等）以及状态管理工具（@State,@Prop,@Link等），展示了如何使用这些装饰器构建可重用的UI组件并管理组件间的状态同步。

摘要由CSDN通过智能技术生成

HarmonyOs鸿蒙–基础功能（持续更新）

装饰器

组件装饰器

1.@Component

装饰的UI单元，可以组合多个系统组件实现UI的复用

2.@Entry

@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：

onPageShow：页面每次显示时触发。
onPageHide：页面每次隐藏时触发一次。
onBackPress：当用户点击返回按钮时触发。
组件生命周期，即一般用@Component装饰的自定义组件的生命周期，提供以下生命周期接口：

aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。
aboutToDisappear：在自定义组件即将析构销毁时执行。

Alt

3.@Builder

用于创建一个自定义组件，可以将重复使用的UI元素抽象成一个方法，在build方法里调用。
```
build(){
this.MyBuilderFunction()
}

@Builder MyBuilderFunction(){ ... }
```

4. @BuilderParam

@BuilderParam用来装饰指向@Builder方法的变量，开发者可在初始化自定义组件时对此属性进行赋值，为自定义组件增加特定的功能。该装饰器用于声明任意UI描述的一个元素，类似slot占位符。

5.@Styles

@Styles装饰器可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。
说明
@Styles方法不支持参数，反例如下

// 反例： @Styles不支持参数
@Styles function globalFancy (value: number) {
  .width(value)
}

@Styles可以定义在组件内或全局，在全局定义时需在方法名前面添加function关键字，组件内定义时则不需要添加function关键字。组件内@Styles的优先级高于全局@St

最低0.47元/天解锁文章