HarmonyOS NEXT——奇妙的调用方式

注解调用 一句话总结
@Extend 抽取特定组件样式、事件,可以传递参数
@Style 抽取公共样式、事件,不可以传递参数
@Builder 抽取结构、样式、事件,可以传递参数
@BuilderParams 自定义组件中传递UI组件
多个@BuilderParams 自定义组件中传递多个UI组件

@Extend

一句话总结:抽取特定组件样式、事件,可以传递参数

1、使用场景

当使用组件的时候有多个重复的属性的时候,可以抽取成Extend拓展使用

2、使用Extend后简化代码

3、Extend的抽取

通过@Extend(组件名)的方式去将重复属性进行定义

@Style

一句话总结:抽取公共样式、事件,不可以传递参数

1、使用场景

当不同组件间有同样的属性参数的时候,可以用@Style来抽取相同属性值

2、使用Style后简化代码

3、Style的抽取

  1. 通过@Style function 函数名()的方式可以定义全局的通用属性
  2. 通过@Style 函数名()的方式可以定义局部的通用属性,可使用this字段的参数
  3. 注意:@Style的局限性是无法传递形参

@Builder

一句话总结:抽取结构、样式、事件,可以传递参数

1、使用场景

当场景的所有组件代码高度重复的时候,可以考虑用@Builder方式进行构造

2、使用Builder后简化代码

3、Builder的抽取

@BuilderParams

一句话总结:自定义组件中传递UI组件

1、使用场景

在自定义的组件SonCom中需要传递UI组件的参数,使用BuilderParams传递UI组件参数

2、BuilderParams的抽取

多个@BuilderParams

一句话总结:自定义组件中传递多个UI组件

1、使用场景

在多个UI参数的情况下,可以使用参数名的方式指定每一个Builder

2、BuilderParams的抽取

相关推荐
独行soc7 小时前
2026年渗透测试面试题总结-20(题目+回答)
android·网络·安全·web安全·渗透测试·安全狮
Lionel6897 小时前
鸿蒙Flutter跨平台开发:首页特惠推荐模块的实现
华为·harmonyos
盐焗西兰花7 小时前
鸿蒙学习实战之路-Reader Kit自定义页面背景最佳实践
学习·华为·harmonyos
果粒蹬i7 小时前
【HarmonyOS】DAY10:React Native开发应用品质升级:响应式布局与用户体验优化实践
华为·harmonyos·ux
常利兵7 小时前
2026年,Android开发已死?不,它正迎来黄金时代!
android
Risehuxyc8 小时前
备份三个PHP程序
android·开发语言·php
早點睡3908 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-flash-message 消息提示三方库适配
react native·react.js·harmonyos
早點睡3909 小时前
高级进阶 ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-image-picker(打开手机相册)
react native·react.js·harmonyos
早點睡3909 小时前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos
前端不太难9 小时前
在 HarmonyOS 上,游戏状态该怎么“死而复生”
游戏·状态模式·harmonyos