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

官方文档:@Extend装饰器:定义扩展组件样式

[Q&A] @Extend装饰器 作用

@Extend用于扩展原生组件样式。

[Q&A] @Extend装饰器 特点

1・@Extend仅支持在全局定义,不支持在组件内部定义。
2・@Extend支持封装指定组件的私有属性私有事件自身定义的全局方法
3・@Extend装饰的方法支持参数
3.1・@Extend装饰的方法的参数可以为function
3.2・@Extend的参数可以为状态变量

常见用法

@Extend(Text)
function opacityTextStyle() {.fontSize(CommonConstants.FONT_SIZE_SMALL).fontColor(CommonConstants.COLOR_FONT).opacity(CommonConstants.FONT_OPACITY)
}@Extend(Text)
function opacityTextStyle2(size: number) {.fontSize(size).fontColor(CommonConstants.COLOR_FONT).opacity(CommonConstants.FONT_OPACITY)
}@Extend(Text) 
function fancyText(weightValue: number, color: Color) {.fontStyle(FontStyle.Italic).fontWeight(weightValue).backgroundColor(color)
}// 优化前
Text("test").fontStyle(FontStyle.Italic).fontWeight(100).backgroundColor(Color.Blue)
Text("test").fontStyle(FontStyle.Italic).fontWeight(200).backgroundColor(Color.Pink)
// 优化后
Text("test").fancyText(100, Color.Blue)
Text("test").fancyText(200, Color.Pink)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/863217.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

左耳听风_018_17_故障处理最佳实践应对故障

你好,我是陈浩网名猪耳朵house.我们多多少少呢都会经历一些线上的故障。 在我自己的职业生涯中呢就经历过很多的线上故障。 说实话,线上故障是我们技术人员成长中必须要经历的事儿。 从故障中呢,我们可以吸取到很多的教训,也能…

【Vue】单向和双向数据绑定

在 Vue.js 中,数据绑定可以分为单向数据绑定和双向数据绑定两种类型。 单向数据绑定 单向数据绑定是指数据从模型流向视图,即数据的变化会自动反映到视图中,但视图中的变化不会自动反映回模型。Vue.js 中的单向数据绑定主要通过以下方式实现…

Linux的fwrite函数

函数原型: 向文件fp中写入writeBuff里面的内容 int fwrite(void*buffer,intsize,intcount,FILE*fp) /* * description : 对已打开的流进行写入数据块 * param ‐ ptr :指向 数据块的指针 * param ‐ size :指定…

无人机赋能工程测绘

勘察设计 业务挑战 采集效率低导致工程周期延长,难以满足及时交付的需求 外业工作量大,人员、时间、设备投入成本高 测绘成果单一,仅限于数字线划图,无法提供可视化模型 无人机优势 快速构建二三维模型,提供丰富…

VUE-CLI脚手架项目的初步创建与配置

目录 1,首先创建一个VUE项目,注意选择版本为 2.6.10 2,打开APP.vue文件,并且删除APP.vue中多余的代码 3,创建index.vue文件 4,在此文件中写入如下图片中的代码来初步创建页面 5,创建router…

前端代码生成辅助工具

1,Axure Axure设计的界面如何生成HTML文件 https://blog.csdn.net/qq_43279782/article/details/112387511 Axure 生成HTML 文件,并用Chrome打开 https://blog.csdn.net/qq_30718137/article/details/80621025 2,OpenUI [开源] OpenUI …

树上启发式合并(DSU-on-Tree)

树上启发式合并DSU-on-Tree 前言入门题例1例2例3CF600ECF570D 略复杂一点的题目CF208ENC235719NC235715 小结 前言 树上启发式合并,用来解决子树查询问题,是一种离线的、“暴力的”算法。从某种角度而言,与莫队算法有些类似,即&a…

pandas数据分析(1)

pandas,即Python数据分析库(Python data analysis library) DataFrame和Series DataFrame(数据帧)和Series(序列)是pandas的核心数据结构。DataFrame的主要组件包含索引、列、数据。DataFrame和…

“论模型驱动架构设计方法及其应用”,软考高级论文,系统架构设计师论文

论文真题 模型驱动架构设计是一种用于应用系统开发的软件设计方法,以模型构造、模型转换和精化为核心,提供了一套软件设计的指导规范。在模型驱动架构环境下,通过创建出机器可读和高度抽象的模型实现对不同问题域的描述,这些模型…

基于QT开发的气体成分检测数据记录软件

1、软件概述 气体成分检测数据记录软件用于实现多种气体分析仪及相关设备实时数据的获取、存储和传送。目前支持的设备主要有气体分析仪、多通道进样阀箱、冷阱处理系统和气体采样处理系统。   气体成分检测数据记录软件可以根据实际应用需要进行配置,以实现不同应…

算法 —— 双指针

目录 移动零 复写零 快乐数 盛最多水的容器 有效三角形的个数 查找总价格为目标值的两个商品 三数之和 四数之和 移动零 下图以样例1为例,看下图如何做到保证非零元素相对顺序前提下,移动零元素。 代码实现如下: class Solution {…

Python 学习之基础语法(一)

Python的语法基础主要包括以下几个方面,下面将逐一进行分点表示和归纳: 一、基本语法 1. 注释 a. 单行注释:使用#开头,例如# 这是一个单行注释。 b. 多行注释:使用三引号(可以是三个单引号或三个双引号&…

MySQL高级-SQL优化- order by 优化(尽量使用覆盖索引、注意联合索引创建的规则、增大排序缓冲区大小)

文章目录 0、order by优化原则1、Using filesort2、Using index3、连接数据库4、查看索引5、删除索引6、按照年龄进行排序7、执行计划 order by age8、执行计划 order by age,phone9、创建联合索引 (age,phone)10、再次执行计划 order by age11、再次执行计划 order by age,pho…

013、MongoDB常用操作命令与高级特性深度解析

目录 MongoDB常用操作命令与高级特性深度解析 1. 数据库操作的深入探讨 1.1 数据库管理 1.1.1 数据库统计信息 1.1.2 数据库修复 1.1.3 数据库用户管理 1.2 数据库事务 2. 集合操作的高级特性 2.1 固定集合(Capped Collections) 2.2 集合验证(Schema Validation) 2.…

基于go1.19的站点模板爬虫

一、go1.19 go1.19是Go语言的一个版本,于2021年8月发布。它带来了许多新的功能和改进,包括但不限于以下方面: 并发性能改进:go1.19引入了新的调度器算法,称为“网状调度器(netlink scheduler)”,它可以更好地处理大量并发任务,在某些情况下提高了系统的并发能力。 垃…

计算机高并发浅析

一、 高并发简介 高并发应用场景涉及大量用户同时访问或操作系统,这对系统的性能、稳定性和扩展性提出了高要求。以下是一些常见的高并发应用场景及其复杂性简介: 1. 电商平台 场景:在大促销活动期间,如双十一、黑色星期五等&a…

标准版小程序订单中心path审核不通过处理教程

首先看自己小程序是不是已经审核通过并上线状态才在站内信里面提醒的? 如果没有提交过审核,请在提交的时候填写。path地址为:pages/goods/order_list/index 如果是已经上线的小程序,当时没要求填这个,但新的政策要求填…

聊天伴侣-豆包

前言 2024年5月14日凌晨,OpenAI发布最新多模态大模型 GPT-4o。GPT-4o的“o”代表“omni”,意为全能,与现有模型相比,它在视觉和音频理解方面尤其出色。GPT-4o可以在音频、视觉和文本中进行实时推理,接受文本、音频和图…

队列的相关知识

目录 创建 初始化 销毁 头插 尾删 取出头 取出尾 数字个数 判空 队列的性质与特征 性质:一种先进先出的线性表 特征:FIFO(先进先出) 实现:用数组和链表的都可以 例子:在生产者消费者模型用到了…

夏天到了,用这两款软件,悄悄惊艳所有人!

哈喽,各位小伙伴们好,我是给大家带来各类黑科技与前沿资讯的小武。 夏天来了,又到了“露肉”的季节,或许大家会为了身材烦恼,即便有运动意愿却苦于健身计划和时间上安排,也没有合适的免费软件。 别担心&a…