AI 助理
备案控制台
开发者社区 云原生 文章 正文

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

2021-08-16 159
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： HarmonyOS的组件、布局和事件三者的关系
下面的三个模块非常重要：

1. 组件

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

在这里插入图片描述

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

2. 布局

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

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

在这里插入图片描述

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

在这里插入图片描述

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

3. 事件

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

在这里插入图片描述

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

在这里插入图片描述

文章标签：
容器
关键词：
HarmonyOS组件
HarmonyOS事件
HarmonyOS布局
兮动人
目录
相关文章
SoraLuna
|
2天前
|
搜索推荐 前端开发 开发者
「Mac畅玩鸿蒙与硬件19」鸿蒙UI组件篇9 - 自定义动画实现
自定义动画让开发者可以设计更加个性化和复杂的动画效果，适合表现独特的界面元素。鸿蒙提供了丰富的工具，支持通过自定义路径和时间控制来创建复杂的动画运动。本篇将带你学习如何通过自定义动画实现更多样化的效果。
SoraLuna
50 11
「Mac畅玩鸿蒙与硬件19」鸿蒙UI组件篇9 - 自定义动画实现
SoraLuna
|
2天前
|
大数据 UED
「Mac畅玩鸿蒙与硬件16」鸿蒙UI组件篇6 - List 和 Grid 组件展示数据列表
List 和 Grid 是鸿蒙开发中的核心组件，用于展示动态数据。List 适合展示垂直或水平排列的数据列表，而 Grid 则适用于展示商品或图片的网格布局。本篇将展示如何封装组件，并通过按钮实现布局切换，提升界面的灵活性和用户体验。
SoraLuna
35 9
「Mac畅玩鸿蒙与硬件16」鸿蒙UI组件篇6 - List 和 Grid 组件展示数据列表
lqj_本人
|
13天前
|
监控 UED 开发者
鸿蒙next版开发：订阅应用事件（ArkTS）
在HarmonyOS 5.0中，ArkTS引入了强大的应用事件订阅机制，允许开发者订阅和处理系统或应用级别的事件，这对于监控应用行为、优化用户体验和进行性能分析至关重要。本文详细介绍了如何在ArkTS中订阅应用事件，并提供了示例代码，包括导入模块、创建观察者、设置事件参数等步骤。通过这些方法，开发者可以更智能地管理和响应应用事件。
lqj_本人
66 11
lqj_本人
|
13天前
|
安全 API 数据处理
鸿蒙next版开发：ArkTS组件通用属性（隐私遮罩）
在HarmonyOS 5.0中，ArkTS引入了隐私遮罩功能，用于保护用户隐私和数据安全。本文详细介绍了隐私遮罩的通用属性和使用方法，并提供了示例代码。隐私遮罩支持Image和Text组件，在数据加载或处理过程中防止敏感信息泄露，提升用户体验和数据安全性。
lqj_本人
39 11
lqj_本人
|
13天前
|
开发者 UED 容器
鸿蒙next版开发：ArkTS组件通用属性（Flex布局）
在HarmonyOS next中，ArkTS的Flex布局是一种强大且灵活的布局方式，支持水平或垂直方向排列元素，并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap，适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
lqj_本人
47 10
lqj_本人
|
13天前
|
开发者 容器
鸿蒙next版开发：ArkTS组件通用属性（文本通用）
在HarmonyOS 5.0中，ArkTS提供了丰富的文本通用属性，如textAlign、maxLines、textOverflow、fontSize、fontColor、fontStyle、fontWeight、fontFamily、lineHeight、letterSpacing和decoration等，用于实现多样的文本显示和样式效果。本文详细解读了这些属性，并提供了示例代码，帮助开发者更好地利用这些工具，提升应用界面的美观和实用性。
lqj_本人
49 8
lqj_本人
|
13天前
|
开发框架 UED 开发者
鸿蒙next版开发：ArkTS组件通用属性（显隐控制）
在HarmonyOS 5.0中，ArkTS引入了显隐控制属性，允许开发者通过`visibility`属性控制组件的显示与隐藏，优化用户体验和应用性能。本文详细解析了`visibility`属性的三种状态（Visible、Hidden、None）及其应用场景，并通过示例代码展示了如何使用显隐控制属性，避免组件频繁创建和销毁，提升性能。
lqj_本人
41 8
lqj_本人
|
13天前
|
API UED 开发者
鸿蒙next版开发：ArkTS组件通用属性（透明度设置）
在HarmonyOS 5.0中，ArkTS引入了透明度设置属性`opacity`，允许开发者自定义组件的透明度，从而创建复杂的视觉效果和提升用户体验。本文详细解读了`opacity`属性的用法，并提供了示例代码，展示了如何在不同透明度下展示组件。透明度设置在UI开发中具有多种用途，如创建重叠效果、增强美观性和实现动画效果。
lqj_本人
33 7
lqj_本人
|
12天前
|
监控 开发者 UED
鸿蒙5.0版开发：订阅卡死事件（ArkTS）
在HarmonyOS 5.0中，开发者可以通过ArkTS订阅应用的卡死事件，以便在应用卡死时进行处理。本文详细介绍如何在ArkTS中订阅卡死事件，并提供示例代码。通过导入hiAppEvent和hilog模块，设置自定义参数，添加事件观察者，开发者可以监控应用稳定性并在问题发生时快速定位原因。示例代码展示了如何创建按钮订阅卡死事件，并在事件发生时通过回调函数处理和记录日志。
lqj_本人
38 5
lqj_本人
|
13天前
|
UED 开发者 容器
鸿蒙next版开发：ArkTS组件通用属性（位置设置）
在HarmonyOS next中，ArkTS提供了align、direction、position、markAnchor、offset和alignRules等通用属性，用于精确控制组件在用户界面中的位置和布局。本文详细解读了这些属性，并提供了示例代码进行说明。通过这些属性，开发者可以实现精确布局、动态界面调整和提升用户体验。
lqj_本人
55 6