【鸿蒙实战开发】HarmonyOS开发自定义组件和自定义函数

最新推荐文章于 2025-08-18 14:56:35 发布
原创 最新推荐文章于 2025-08-18 14:56:35 发布 · 868 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为 #鸿蒙 #鸿蒙开发

前言

2024年对鸿蒙来说可谓至关重要，生态建设的前提，就是要有足够的开发人才。与之对应的，今年春招市场上与鸿蒙相关岗位和人才旺盛的热度，一方面反应了鸿蒙生态的逐渐壮大，另一方面也让人们对鸿蒙下一阶段的发展更具信心。

随着鸿蒙市场份额的不断提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说大家最近有想法转型鸿蒙开发吗？

今天也是写鸿蒙的一天，本文主要聊聊鸿蒙开发自定义组件和自定义函数

页面组件

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

在这里插入图片描述

第二种导入式组件，在全局自定义导入使用适用于多个页面都要用的的组件，比如头顶标题

① 定义头部组件
在这里插入图片描述

② 引入定义的组件
在这里插入图片描述

全局自定义函数，命名自定义建议使用驼峰命名

在这里插入图片描述

最低0.47元/天 解锁文章
3.9、菜单（Menu）
lujianfeiccie2009的专栏
04-26 356
当默认样式不满足开发需求时，可使用@Builder自定义菜单内容。可通过bindMenu接口进行菜单的自定义。
鸿蒙界面开发——组件（5）：菜单Menu & 绑定菜单
littleyy666的博客
09-05 1385
不支持作为普通组件单独使用。Menu 以垂直列表形式显示的菜单。包含MenuItem、MenuItemGroup子组件。布局过程中，期望每个菜单项的宽度一致。若子组件设置了宽度，则以尺寸计算规则为准。不设置宽度的情况：菜单组件会对子组件MenuItem、MenuItemGroup设置默认2栅格的宽度，若菜单项内容区比2栅格宽，则会自适应撑开。设置宽度的情况：菜单组件会对子组件MenuItem、MenuItemGroup设置减去padding后的固定宽度。
鸿蒙HarmonyOS NEXT实战开发：Axios获取网络GBK数据转换UTF-8网络数据
wanghuaQAQ的博客
08-09 1234
本示例介绍使用第三方库的Axios获取GBK格式的网络数据时..........
鸿蒙：自定义组件、自定义函数、自定义样式
SOOOOOF的博客
06-27 471
1.自定义函数，注意：内部自定义函数不能有fuction关键字// 外部自定义函数@Builder function cardList( 参数){//函数体自定义// 内部自定义函数@Builder cardList( 参数){//函数体自定义2.使用自定义函数cardList(参数)//外部自定义函数使用this.cardList(参数)//内部自定义函数定义方式和自定义函数差不多只需将注解换为@Styles。
鸿蒙开发之下拉菜单Menu
Lu_Ca的博客
01-19 2338
鸿蒙定义了很好的下拉组件，对比原生iOS或android需要自定义来说确实简单太多了，而且原生相对自定义来说要稳定太多了。 上图来自官网案例。 一、API使用 Menu作为容器组件，内部使用MenuItem作为每一条的选项。其中，通过MenuItem控制具体的选项信息。 MenuItem可以传递参数 startIcon?: ResourceStr; //起始位置的图标 content?: ResourceStr; //内容，左侧标题 endIcon?: ResourceStr; //末尾
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Menu组件
zy0412326的专栏
02-14 295
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Menu组件。
鸿蒙HarmonyOS NEXT开发：Menu（基础组件）
shudaoshanBBQ的博客
08-16 1358
以垂直列表形式显示的菜单。
【鸿蒙实战开发】HarmonyOS开发深度探索与打造个性化自定义组件
HarmonyOS_002的博客
06-25 1089
1.自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。2.页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。自定义组件的创建：自定义组件的实例由ArkUI框架创建。初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。
【鸿蒙实战开发】HarmonyOS鸿蒙实现自定义组件插槽
HarmonyOS007的博客
08-11 1417
在HarmonyOS中，如何实现类似Vue-Slot或React-RenderProps的功能？即允许将UI结构的函数（被@Builder修饰的函数）作为参数传递给组件，并在组件内的指定位置渲染，可以使用@BuilderParam装饰器。
HarmonyOS NEXT实战开发：构建自定义组件
2401_87288236的博客
09-19 1300
ArkUI开发框架在NDK接口提供了自定义UI组件的能力，这些能力包括自定义测算，自定义布局和自定义绘制。
HarmonyOS Next开发学习手册——自定义组件
maniuT的博客
07-19 906
使用兼容JS的类Web开发范式的方舟开发框架支持自定义组件，用户可根据业务需求将已有的组件进行扩展，增加自定义的私有属性和事件，封装成新的组件，方便在工程中多次调用，提高页面布局代码的可读性。本示例中父组件通过添加自定义属性向子组件传递了名称为title的参数，子组件在props中接收。同时子组件也通过事件绑定向上传递了参数text，接收时通过e.detail获取。要绑定子组件事件，父组件事件命名必须遵循事件绑定规则。自定义组件的效果。
【鸿蒙组件化开发】—— 基础组件(menu开发)
2401_88547687的博客
11-11 335
为menu组件绑定onselected事件（菜单中某个值被点击选中时触发）和oncancel事件（取消操作时触发），点击text组件调用show方法可设置menu组件的坐标。在pages/index目录下的hml文件中创建一个menu组件，添加target、type、title属性。本场景中开发者可点击toggle组件修改文字颜色，选择menu组件修改渐变色块大小。提供菜单组件，作为临时性弹出窗口，用于展示用户可执行的操作。为menu组件设置样式，例如字体颜色、大小、字符间距等。
鸿蒙开发-UI-组件
中年程序员
01-05 2014
上文我们学习了解了鸿蒙UI开发基于ArkTS声明式开发方式，了解了ArkUI框架对鸿蒙UI开发的底层支撑，后面我们专注基于ArkTS声明式的鸿蒙UI开发的学习ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。允许开发者组合使用系统组件、及其属性和方法。自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。通过状态变量的改变，来驱动UI的刷新。
【鸿蒙 HarmonyOS】UI 组件 ( 多选按钮 | Checkbox 组件 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
12-23 2329
一、布局文件中配置 Checkbox 组件、 二、代码中配置 Checkbox 组件选中事件、 三、完整代码示例、 四、GitHub 地址
HarmonyOS应用开发-@Builder装饰器详解
HarmonyOS_002的博客
07-04 2029
定义的语法调用方法●允许在自定义组件内定义一个或多个自定义构建函数，该函数被认为是该组件的私有、特殊类型的成员函数。●自定义构建函数可以在所属组件的build方法和其他自定义构建函数中调用，但不允许在组件外调用。●在自定义函数体中，this指代当前所属组件，组件的状态变量可以在自定义构建函数内访问。建议通过this访问自定义组件的状态变量而不是参数传递。定义的语法调用方法●全局的自定义构建函数可以被整个应用获取，不允许使用this和bind方法。
Menu-菜单组件
weixin_30788731的博客
04-27 148
1 #menu菜单组件 2 3 from tkinter import * 4 5 master=Tk() 6 7 def callback(): 8 print('你好咯！！') 9 10 m = Menu(master) 11 m.add_command(label='hello',command=callback) 12 m.add...
鸿蒙应用开发实战：常用UI组件详解（Swiper/Grid/Scroll/Tabs/Badge
最新发布
tsj562456476的博客
08-18 1070
TabBar 如果放在底部的话，一般会显示图形和文字，甚至有特殊的图标，而默认导航栏的样式是固定的，如果要实现此类效果，就需要 自定义tabBar。实现自定义导航栏样式可以在tabBar中传入Builder构造器Tabs() {// 内容略@Builder// 自定义的Tabbar结构在自定义导航栏样式后会发现原来的选中高亮效果会失效，要再实现这个效果需要：1. 将当前导航栏下标(index)传入自定义构建函数中2. 定义一个状态变量来存储点击的当前导航对应下标。
鸿蒙开发学习笔记——自定义组件
Sweet7weight的博客
03-18 1428
鸿蒙自定义组件
【鸿蒙】HarMonyOS的UI组件学习一
笔触狂放的博客
06-03 849
打开DevEco studio，选择java语言新建项目 打开Layout布局文件夹，编辑布局文件 <?xml version="1.0" encoding="utf-8"?> <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_parent" ohos:width="match_parent" ohos:background_eleme
HarmonyOS自定义UI组件开发实战教程
文档通过详尽的章节内容和实战案例，为开发者提供了一个全面的指导，使其能够顺利掌握HarmonyOS自定义UI组件的开发，并快速构建出跨设备创新应用。 以上内容为文档提供的学习资源摘要信息，为开发者在学习HarmonyOS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值