HarmonyOS的组件、布局和事件三者的关系

简介: HarmonyOS的组件、布局和事件三者的关系
下面的三个模块非常重要:

1. 组件

  • 屏幕展示出来的元素,都称之为组件
  • 如下:文本框、按钮就是组件

在这里插入图片描述

  • 常见的组件:展示图片的图片组件,下载的时候看到的进度条的组件等。

2. 布局

1.屏幕展示出来的元素,都称之为组件
2.多个组件的摆放方式就是布局。组件必须添加到布局中才能显示出来。
在这里插入图片描述

  • DirectionalLayout :布局就是从上往下依次摆放

在这里插入图片描述

  • 当然也可以用代码设置为横向摆放

在这里插入图片描述

  • 可以理解布局为一个容器,就是用了装组件的,它决定了组件在APP当中是如何进行摆放的
  • 每一个组件都不能单独存在,它必须添加到布局当中才能显示出来

3. 事件

  • 事件就是可以被组件识别的操作。
  • 有了事件之后,组件就可以和用户进行交互了
  • 如:单击事件、双击事件、长按事件、滑动事件等

在这里插入图片描述

  • 组件和布局都会用到事件

在这里插入图片描述

目录
相关文章
|
6月前
|
开发者 容器
鸿蒙应用开发从入门到实战(十四):ArkUI组件Column&Row&线性布局
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Column和Row组件的使用以及线性布局的方法。
544 12
|
6月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解滑块Slider和进度条Progress组件的使用。
270 1
|
9月前
|
JavaScript 开发工具 开发者
【HarmonyOS 5】鸿蒙Web组件和内嵌网页双向通信DEMO示例
【HarmonyOS 5】鸿蒙Web组件和内嵌网页双向通信DEMO示例
378 3
|
缓存 数据安全/隐私保护 JavaScript
【HarmonyOS 5】鸿蒙页面和组件生命周期函数
【HarmonyOS 5】鸿蒙页面和组件生命周期函数
377 0
|
6月前
|
数据安全/隐私保护 开发者
鸿蒙应用开发从入门到实战(十一):ArkUI组件Text&TextInput
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解文本组件Text和TextInput的使用。
418 3
|
6月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供滑块Slider与进度条Progress组件,用于鸿蒙原生APP开发。Slider支持拖动调节音量、亮度等,可设步长、方向及提示气泡;Progress支持线性、环形等多种样式,可自定义颜色、宽度与刻度,实时显示任务进度。
399 2
|
6月前
|
JavaScript
鸿蒙应用开发从入门到实战(八):ArkTS自定义组件语法
ArkUI除系统预置的组件外,还支持自定义组件。使用自定义组件,可使代码的结构更加清晰,并且能提高代码的复用性。
314 7
|
6月前
|
开发者
鸿蒙应用开发从入门到实战(十二):ArkUI组件Button&Toggle
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解按钮组件Button和Toggle的使用。
444 2
|
6月前
|
存储 编解码 JSON
鸿蒙应用开发从入门到实战(十):ArkUI图片组件Image
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Image图片组件的使用。
393 1
|
6月前
|
API
鸿蒙应用开发从入门到实战(七):ArkTS组件声明语法
《鸿蒙应用开发从入门到项目实战》系列文章持续更新中,陆续更新AI+编程、企业级项目实战等原创内容、欢迎关注!​本文从界面制作从组件声明开始,通过一个相对简单的案例来系统的学习 ArkTS 声明组件的语法。
193 2

热门文章

最新文章