鸿蒙ArkTS语言学习（五）：扩展（函数）@Extend&@Styles&@Builder

weightOneMillion

已于 2024-12-26 17:29:44 修改

阅读量760

点赞数 3

分类专栏：鸿蒙前端学习文章标签：学习 android 前端鸿蒙

于 2024-08-28 10:27:46 首次发布

本文链接：https://blog.csdn.net/littleyy666/article/details/141625704

版权

鸿蒙前端学习专栏收录该内容

47 篇文章 1 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

如何实现结构、样式复用呢？

@Extend：扩展组件（样式、事件）

在这里插入图片描述

作用：将相同组件复用的属性结构抽取封装，将不同的结构通过传入参数进行修改。

1. 定义语法
@Extend(组件名) function 函数名{
    ... }
2. 调用
组件名.函数名（参数

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weightOneMillion

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

HarmonyOS4+NEXT星河版入门与项目实战（17）------ @Builder@Styles@Extend 自定义构建函数（优化页面代码结构）

lingshuangcanxue

11-23

本节内容主要讲解了三种自定义构建函数，@Builder 页面自定义构件（全局和局部）、@Styles样式自定义构件（全局和局部）和@Extend 特有样式构件。@Builder 全局的页面自定义构件调用时不需要 this 修饰，而 @Builder局部的页面自定义构件需要 this 修饰。@Styles样式自定义构件（全局和局部）和@Extend 特有样式构件都不需要 this 修饰

002 学习鸿蒙应用开发ArkTs语言

最新发布

Androidbye的博客

10-06

839

ArkUI引入了AttributeModifier的机制，可以通过Modifier对象动态修改属性。

鸿蒙4.0开发笔记之ArkTS装饰器语法基础@Extend扩展组件样式与stateStyles多态样式（十一）

Viewinfinitely的博客

11-29

4448

ArkTS装饰器语法基础@Extend扩展组件样式与stateStyles多态样式。

ArkTs

weixin_64443786的博客

04-16

2354

【鸿蒙学习笔记】@Extend装饰器：定义扩展组件样式

张紫娃的博客

06-29

399

Q&A] @Extend装饰器作用[Q&A] @Extend装饰器作用@Extend用于扩展原生组件样式。[Q&A] @Extend装饰器特点１・@Extend仅支持在全局定义，不支持在组件内部定义。２・@Extend支持封装指定组件的私有属性私有事件和自身定义的全局方法。３・@Extend装饰的方法支持参数。３．１・@Extend装饰的方法的参数可以为function。３．２・@Extend的参数可以为状态变量。

HarmonyOS学习路之方舟开发框架—学习ArkTS语言（基本语法五）

爱吃土豆丝的打工人的博客

07-18

1810

在前文的示例中，可以使用@Styles用于样式的扩展，在@Styles的基础上，我们提供了@Extend，用于扩展原生组件样式。stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同。focused：获焦态。normal：正常态。pressed：按压态。disabled：不可用态。

HarmonyOs鸿蒙--基础功能

ICanDots的博客

11-24

965

ObjectLink装饰的变量和数据源的关系是双向同步，@ObjectLink装饰的变量相当于指向数据源的指针。@Prop装饰的变量和数据源的关系是是单向同步，@Prop装饰的变量在本地拷贝了数据源，所以它允许本地更改，如果父组件中的数据源有更新，@Prop装饰的变量本地的修改将被覆盖；@ObjectLink的属性是可以改变的，但是变量的分配是不允许的，也就是说这个装饰器装饰变量是只读的，不能被改变。@ObjectLink装饰的变量不能被赋值，如果要使用赋值操作，请使用@Prop。

鸿蒙开发零基础教程：黑马程序员HarmonyOS NEXT星河版实战指南

5. 样式与结构重用：讲解了@Extend、@Styles、@Builder等概念，帮助学习者在开发中重用和构建样式，优化代码结构，提高开发效率和维护性。 6. 动画与遮罩：介绍了如何使用HarmonyOS中的动画API，以及如何实现遮罩和...

2401_84850323的博客

05-14

265

|—BarChart.ets // 视图层-MpChart柱状图页面。barchart // har类型。// 为组件设置配置构建类。

【ArkTS】鸿蒙开发 ArkTS语言中实现样式&结构复用的语法，以及修饰器@Extend、@Styles、@Builder的区别

m0_66128366的博客

04-09

787

在鸿蒙开发中直接定义一个普通函数，其往往无法抽取属性或内容组件。此时就如@Extend、@Styles、@Builder修饰器的帮助。而这三个修饰器其使用方法也有所区别，我们一起来学习一下这三个修饰器的使用方法。

【鸿蒙开发】HarmonyOS装饰器关于自定义函数组件、样式抽离、原生组件扩展

HarmonyOS_001的博客

06-21

844

有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。

ArkTS学习笔记_封装复用之@Extend装饰器

诠释完美

07-14

849

/ @Extend(Text)可以支持Text的私有属性fontColor// superFancyText可以调用预定义的fancy.fancy()

【中秋国庆不断更】OpenHarmony定义扩展组件样式：@Extend装饰器

OpenHarmony_dev的博客

09-29

313

在前文的示例中，可以使用@Styles用于样式的扩展，在@Styles的基础上，我们提供了@Extend，用于扩展原生组件样式。和@Styles不同，@Extend支持封装指定的组件的私有属性和私有事件，以及预定义相同组件的@Extend的方法。和@Styles不同，@Extend装饰的方法支持参数，开发者可以在调用时传递参数，调用遵循TS方法传值调用。和@Styles不同，@Extend仅支持定义在全局，不支持在组件内部定义。通过@Extend组合样式后，使得代码更加简洁，增强可读性。

HarmonyOS鸿蒙学习笔记（19）@Extend 标签的使用

菜鸟博客

01-22

728

Extend标签的作用就是可以扩展组件,

TypeScript 快速学习 ArkTs是Ts(TypeScript)的扩展

hzether的博客

12-07

723

name 属性的类型是 string，age 属性的类型是 number，greet 方法的参数是一个 string 类型的参数，返回值是 void。TypeScript 的类型注解 : string 指定了 greeting 的类型是 string，而 : () => void 则指定了 sayHello 函数的类型是没有返回值（void）的函数。枚举类型：这是一种用户定义的类型，它包含固定数量的常量值。索引签名：这是一种特殊的签名，允许你定义一个对象，这个对象的键可以是任何类型，而值的类型是特定的。

【HarmonyOS】ArkTS开发@Styles装饰器和@Extend装饰器详解

一键难忘的博客

11-25

1433

在大型应用中，每个组件都需要单独设置样式，这往往导致大量的冗余代码。为了解决这一问题，ArkTS引入了@Styles装饰器，允许将多条样式设置提炼成一个方法，并在组件声明的位置轻松调用。// 全局样式定义@Component// 在组件内定义样式})build() {// 使用全局样式// 使用组件内定义的样式.fancy()上述代码展示了如何使用@Styles定义全局和组件内的样式，并通过不同的方法进行调用。