鸿蒙开发——自定义组件的两种方式和全局、局部自定义构建函数和公共、局部样式的定义

已于 2024-02-05 17:16:35 修改
阅读量3.2k 收藏 12
点赞数 11
文章标签： 鸿蒙 harmonyos
于 2024-02-05 17:14:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44678350/article/details/136042505
版权
本文介绍了Vue.js中两种组件开发方法：当前页定义组件和导入式组件，以及如何使用全局和局部自定义构建函数。还讨论了公共样式与局部样式的区别，以及遇到错误时的解决策略，包括使用继承方式处理组件特有属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一种当前页用定义组件，只能当前页面使用

1.现在当前页定义一个主体在协商结构体，如图
在这里插入图片描述2.再把你想写成组件代码写到bulid里面
在这里插入图片描述
3.再修改提前写好的标题代码，把标题写成变量，定义私用参数，样式微调

在这里插入图片描述
4.页面调用当前页组件，组件名({参数名:参数})，这个组件也是可以单独加样式

在这里插入图片描述

是不是非常的开门

在这里插入图片描述

第二种方式导入式组件，适用于多个页面都要用的的组件，比如头顶标题

1.创建组件文件 ，这个文件名随意哈

最低0.47元/天 解锁文章
鸿蒙系列--自定义组件
weixin_42277946的博客
01-03 3396
鸿蒙系列--自定义组件
鸿蒙自定义一个GifImage组件
两米以下皆凡人的博客
03-02 1151
创建一个空的工程 在这个空工程下创建一个空的Module，指定Module为一个HarmonyOS library，Module名称为Gif 新建一个Gif类，继承自Image类 package com.example.timestory.slice.Utils; import com.example.timestory.slice.Utils.decoder.GifDecoder; import ohos.agp.animation.Animator; import ohos.agp.a.
harmonyOS杂谈 - 自定义组件生命周期
weixin_42861217的博客
12-21 1483
自定义组件的创建：自定义组件的实例由ArkUI框架创建。初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。如果开发者定义了aboutToAppear，则执行aboutToAppear方法。在首次渲染的时候，执行build方法渲染系统组件，如果子组件为自定义组件，则创建自定义组件的实例。状态变量 -> UI组件（包括ForEach和if）。
OpenHarmony实战——自定义组件
最新发布
xianglizaibie的博客
03-21 769
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组件具有以下特点：● 可组合：允许开发者组合使用系统组件、及其属性和方法。● 可重用：自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。
鸿蒙进阶篇-自定义组件
2401_88463044的博客
11-22 1637
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。相比于之前学习的轻量级 UI 复用机制 @Builder，自定义组件的功能更为强大，日常开发中如果要对 【UI 或业务逻辑】进行复用，需要【掌握】自定义组件的能力。
鸿蒙HarmonyOS自定义组件开发和使用
nanxuan521的专栏
06-28 1959
HarmonyOS ArkUI自定义组件的开发与使用
【HarmonyOS】鸿蒙入门学习
m0_65041204的博客
06-12 3661
前端学习鸿蒙系统，常学常新~
HarmonyOS学习第一周（实践篇）
2402_83739313的博客
04-02 1875
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。自定义组件的特点：可组合、可重用、数据驱动UI更新。@Componentbuild(){Row(){...}自定义组件的基本结构：首先要有@Component装饰器，@Component装饰器仅能装饰struct关键字声明的数据结构，而自定义组件基于struct实现，build()函数用于定义自定义组件的声明式UI描述，自定义组件必须定义build()函数，三者缺一不可，所以基本结构如上图代码。
鸿蒙开发基础，ArkTs语言-运行你的第一个Hello World
m0_62167422的博客
12-04 3183
ArkTs是目前鸿蒙开发的主要语言，目前鸿蒙的主推模型Stage的新版本(3.1.0(API 9))开发不支持Java和JavaScript了，所以开发鸿蒙应用学习ArkTs是很有必要的。ArkTs是Ts(TypeScript)的扩展，后面的介绍就是介绍ArkTs的特性，Ts部分可以参考：5分钟上手TypeScript · TypeScript中文网 · TypeScript——JavaScript的超集。
大模型GUI系列论文阅读 DAY1：《基于大型语言模型的图形用户界面智能体：综述》（6.6W 字长文）
feifeikon的博客
01-19 1666
大型语言模型（LargeLanguageModels,LLMs）的兴起[8][9]，特别是那些增强了多模态能力的模型[10]，为GUI自动化带来了颠覆性变化，重新定义了智能体与图形用户界面交互的方式。我们将回顾GUI智能体的发展历史，提供构建这些智能体的分步指南，汇总基本和高级技术，评审与框架、数据和模型相关的重要工具和研究，展示典型应用，并概述未来发展方向。通过这些问题，本综述旨在提供对该领域现状的全面概览，为构建LLM驱动的GUI智能体提供指导，识别关键研究空白，并提出未来工作的方向。
鸿蒙基础知识-自定义组件
程序猿中的小白
02-20 4893
一.概述 在实际的开发过程中，往往系统自己自带的组件是不能满足开发需求的，需要自己按照系统的规则去定制自己的组件； 鸿蒙os中的所有的组件的基类直接或者间接Component类，像Button，text，Image等等，能容纳别的组件的组件我们一般称之为容器类组件，这类组件的基类直接或者间接是ComponentContainer，像DirectionalLayout，DependentLayout等等； 二.自定义Component组件 1.继承Component类 public class T
【鸿蒙】HarMonyOS的自定义组件一
笔触狂放的博客
07-13 1589
当Java UI框架提供的组件无法满足设计需求时，可以创建自定义组件，根据设计需求添加绘制任务，并定义组件的属性及事件响应，完成组件的自定义。 常用接口 表1Component类相关接口 接口名 作用 setEstimateSizeListener 设置测量组件的侦听器。 onEstimateSize 测量组件的大小以确定宽度和高度。 setEstimatedSi.
4.8【HarmonyOS鸿蒙开发】自定义组件
hanru723的博客
07-23 927
4.8【HarmonyOS鸿蒙开发】自定义组件 作者：韩茹 公司：程序咖（北京）科技有限公司 鸿蒙巴士专栏作家 HarmonyOS提供了一套复杂且强大的Java UI框架，其中Component提供内容显示，是界面中所有组件的基类。ComponentContainer作为容器容纳Component或ComponentContainer对象，并对它们进行布局。 Java UI框架也提供了一部分Component和ComponentContainer的具体子类，即常用的组件（比如：Text、Button、I
鸿蒙开发学习笔记——自定义组件
Sweet7weight的博客
03-18 1325
鸿蒙自定义组件
HarmonyOS鸿蒙学习基础篇 - 自定义组件（一）
2303_76218115的博客
02-14 5677
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。可组合：允许开发者组合使用系统组件、及其属性和方法。可重用：自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。数据驱动UI更新：通过状态变量的改变，来驱动UI的刷新@Component。
鸿蒙(HarmonyOS)--声明式UI、自定义组件
hqy1989的博客
09-23 4662
说明自定义变量不能与基础通用属性/事件名重复。装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器@Component表示自定义组件@Entry表示该自定义组件为入口组件@State表示组件中的状态变量状态变量变化会触发UI刷新。UI描述：以声明式的方式来描述UI的结构，例如build()方法中的代码块。自定义组件：可复用的UI单元，可组合其他组件，如上述被@Component装饰的struct Hello。
自学鸿蒙应用开发（30）- 自定义UI组件（1）
面向对象思考
08-12 655
任何一种开发工具也不可能为开发者提供所有的组件，根据现有组件定义自己的组件也就成为必需。接下来的几篇文章我们定义一个多层圆弧形进度条。本文是第一篇。 定义组件类 首先定义一个Component的派生类并简单地定义几个构造函数。 package com.components.cusomized; import ohos.agp.components.AttrSet;import ohos.agp.components.Component;import ohos.agp.render.Canvas;
鸿蒙Harmony开发实战：自定义圆形组件-Canvas
weqwe6668的博客
08-28 982
对比之前自己在其他程序开发中自定义组件的思路，首先寻找父组件Image和Component相关的Api，看看是否具备OnDraw方法。
HarmonyOS应用开发：鸿蒙自定义组件slot插槽，体现的更强大！
08-04 1167
自定义组件中通过slot标签来承载父组件中定义的内容，使用slot标签可以更加灵活的控制自定义组件的内容元素
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值