HarmonyOS应用开发-声明式UI描述和自定义组件的介绍和用法

最新推荐文章于 2024-07-20 11:54:36 发布

初一十五啊

最新推荐文章于 2024-07-20 11:54:36 发布

阅读量705

点赞数 19

分类专栏：鸿蒙文章标签： harmonyos 华为 android 鸿蒙鸿蒙系统 ArkTs ArkUI

本文链接：https://blog.csdn.net/River_ly/article/details/136743203

版权

鸿蒙专栏收录该内容

46 篇文章 2 订阅

订阅专栏

本文详细介绍了ArkTS的声明式UI描述方法，包括组件创建（无参数和有参数）、配置属性、子组件和自定义组件的特点及用法。同时涵盖了鸿蒙HarmonyOS开发中的关键技术，如组件开发、多媒体技术、OpenHarmony生态等内容，为学习者提供了一份全面的学习指南。

摘要由CSDN通过智能技术生成

前言

上一篇文章我们玩了下入门并且介绍了 ArkTs 的语法和玩法,还有基本的构建组成、装饰器、UI 描述(build)等本篇文章我们详细的介绍 声明式UI描述 和 自定义组件

声明式UI描述

ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。

创建组件

根据组件构造方法的不同，创建组件包含有参数和无参数两种方式和其他语言都差不多,它 创建组件时不需要new运算符

无参数

如果组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容。

例如: Divider组件不包含构造参数,Button 组件重载了无参构造器等

按钮组件的无参构造器和有参构造器

有参构造器

如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数。

比如: Image 组件它没有无参构造器

Image组件的构造器定义了必须属性为 src 的参数传递
Button 组件的非必选参数content。

配置属性

这玩意就相当于 Java 当中的 lambda 链式编程

属性方法以“.”链式调用的方式配置系统组件的样式和其他属性，建议每个属性方法单独写一行,好看一些

配置组件的多个属性

Image($r('xxxxxxx'))
  .alt('哈哈哈')    
  .width(100)    
  .height(100)

查看组件有哪些属性可用

配置子组件

如果组件支持子组件配置，则需在尾随闭包"{...}"中为组件添加子组件的UI描述

Column、Row、Stack、Grid、List等组件都是容器组件。

也就是把组件放在容器里面,Column、Row、Stack、Grid、List 都是容器组件.

自定义组件

在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。(官方原话)

自定义组件具有以下特点：

可组合：允许开发者组合使用系统组件、及其属性和方法。
可重用：自定义组件可以被其他组件重用，并作为不同的实例在不同的父组件或容器中使用。
数据驱动UI更新：通过状态变量的改变，来驱动UI的刷新。

基本用法

其实就是我们之前那样玩的方式

定义自定义子组件,官方文档当中没有机械能 export 会导致找不到模块报错

使用子组件

HelloComponent可以在其他自定义组件中的build()函数中多次创建，实现自定义组件的重用

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（Harmony NEXT）资料用来跟着学习是非常有必要的。

这份鸿蒙（Harmony NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，

内容包含了：（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料

获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料

鸿蒙（Harmony NEXT）最新学习路线

HarmonOS基础技能

HarmonOS就业必备技能
HarmonOS多媒体技术

鸿蒙NaPi组件进阶

HarmonOS高级技能

初识HarmonOS内核
实战就业级设备开发

有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，内容包含：ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

获取以上完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料