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

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

1. 组件

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

在这里插入图片描述

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

2. 布局

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

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

在这里插入图片描述

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

在这里插入图片描述

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

3. 事件

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

在这里插入图片描述

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

在这里插入图片描述

目录
相关文章
|
4月前
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Counter容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Counter容器组件
118 1
|
4月前
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之QRCode组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之QRCode组件
139 2
|
4月前
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Navigation组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Navigation组件
572 0
|
4月前
|
IDE 开发工具 Windows
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之RowSplit容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之RowSplit容器组件
131 0
|
4月前
|
IDE 开发工具 Windows
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之ColumnSplit容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之ColumnSplit容器组件
74 0
|
4月前
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Column容器组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Column容器组件
112 0
|
4月前
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Badge组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Badge组件
153 0
|
4月前
|
IDE 开发工具 数据安全/隐私保护
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之PatternLock组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之PatternLock组件
113 0
|
4月前
|
IDE 开发工具 Windows
 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之NavDestination组件
 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之NavDestination组件
184 3
|
4月前
|
IDE 开发工具 Windows
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Menu组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Menu组件
93 2