鸿蒙ArkTS/ArkUI-自定义组件、页面的生命周期和数据传递

已于 2024-01-09 14:43:21 修改
阅读量1.9k 收藏 19
点赞数 17
文章标签： harmonyos 华为
于 2023-12-26 16:43:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38690457/article/details/135223060
版权

自定义组件、页面的生命周期和数据传递

1.自定义组件和页面的关系

自定义组件页面
@Comonent 装饰的UI单元，可以组合多个系统组件实现UI的复用。即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

2.页面生命周期

  • 即被@Entry装饰的组件生命周期

提供以下生命周期：

onPageShowonPageHideonBackPress
页面每次显示时触发页面每次隐藏时触发一次当用户点击返回按钮时触发（是手机下方的返回按钮，不是页面的路由返回）

3.组件生命周期

  • 即一般用@Component装饰的自定义组件的生命周期

提供以下生命周期接口：

aboutToAppearaboutToDisappear
组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。在自定义组件即将析构销毁时执行。
  • 生命周期流程如下图所示，下图展示的是被@Entry装饰的组件（首页）生命周期。

在这里插入图片描述

4.具体事例分析生命周期

4.1 页面
  • 进入页面一 页面显示：
    进入页面触发onPageShow回调
    在这里插入图片描述
  • 从页面一跳转到页面二

页面一 触发onPageHide回调
页面二 触发onPageShow回调

在这里插入图片描述

  • 从页面二回到页面一
    页面二 触发onPageHide回调
    页面一 触发onPageShow回调
    在这里插入图片描述
4.1 页面+自定义组件的生命周期
  • 相关全部代码

在这里插入图片描述
在这里插入图片描述

  • 进入页面有自定义组件
    在这里插入图片描述

  • 点击销毁自定义组件

在这里插入图片描述

5、数据传递

5.1 页面间的数据传递 （路由）

在这里插入图片描述
两种取值方式
在这里插入图片描述

5.5 应用间数据数据共享：（注意：预览器不行）

在这里插入图片描述
两种取值方式
在这里插入图片描述

Harmony废柴
关注
  • 17
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
鸿蒙开发实战：揭秘页面与项目生命周期，实现精准监控
s297165331的专栏
05-16 545
在鸿蒙应用开发中，每一个页面和组件都承载着特定的生命周期。这些生命周期阶段，如同生命的轨迹，记录着页面从诞生到消亡的每一个重要时刻。深入理解和监控这些生命周期，不仅能提升应用性能，还能帮助我们更好地把握用户体验。
ArkTS开发入门介绍
03-08
ArkTS开发，基础知识，入门
鸿蒙开发系列教程（六）--ArkTS语言：生命周期
huazi99的博客
01-19 1289
自定义组件的创建：自定义组件的实例由ArkUI框架创建。初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。如果开发者定义了aboutToAppear，则执行aboutToAppear方法。在首次渲染的时候，执行build方法渲染系统组件，如果子组件为自定义组件，则创建自定义组件的实例。状态变量 -> UI组件（包括ForEach和if）。
鸿蒙开发2-3 页面和组件的生命周期
weixin_51267334的博客
12-05 840
本系列是windows系统下、采用ArkTS语言、ArkUI框架、deveco studio编译器学习纯鸿蒙软件研发，采用API version 9进行。本小节主要了解鸿蒙开发的页面和组件的生命周期。纯小白，一步步学习，记录一下过程便于查询。
鸿蒙4.0开发笔记之ArkTS语法基础之应用生命周期与页面中组件的生命周期（十六）
Viewinfinitely的博客
12-06 3834
关于HarmonyOS中的应用生命周期就是代表了一个HarmonyOS应用中所有页面从创建、开启到销毁等过程的全生命周期。页面生命周期，即被@Entry装饰的组件生命周期。组件生命周，即⼀般用@Component装饰的自定义组件的生命周期。
鸿蒙 Ability 讲解（页面生命周期、后台服务、数据访问）
2401_84160041的博客
04-18 1052
Data 的提供方和使用方都通过 URI（Uniform Resource Identifier）来标识一个具体的数据，例如数据库中的某个表或磁盘上的某个文件。scheme：协议方案名，固定为“dataability”，代表 Data Ability 所使用的协议类型。authority：设备 ID，如果为跨设备场景，则为目的设备的 IP 地址；如果为本地设备场景，则不需要填写。path：资源的路径信息，代表特定资源的位置信息。query：查询参数。fragment：可以用于指示要访问的子资源。
【鸿蒙软件开发】UIAbility组件概况、生命周期与启动模式
m0_62599305的博客
11-04 4523
UIAbility组件是一种包含UI界面的应用组件，主要用于和用户交互。UIAbility组件是系统调度的基本单元，为应用提供绘制界面的窗口；一个UIAbility组件中可以通过多个页面来实现一个功能模块。每一个UIAbility组件实例，都对应于一个最近任务列表中的任务。UIAbility组件是一种包含UI界面的应用组件，主要用于和用户交互。UIAbility组件是系统调度的基本单元，为应用提供绘制界面的窗口；一个UIAbility组件中可以通过多个页面来实现一个功能模块。
鸿蒙系列--自定义组件
weixin_42277946的博客
01-03 2051
鸿蒙系列--自定义组件
鸿蒙移动开发实战：UIAbility、页面及组件的生命周期
shudaoshanQAQ的博客
01-25 2529
当用户浏览、切换和返回到对应应用的时候，应用中的 UIAbility 实例会在其生命周期的不同状态之间转换。
鸿蒙harmony--自定义组件
袁震的博客
02-01 1563
今天是2月1日，星期四，二月的第一条祝福送给你，愿你目之所及皆是欢喜，心之所想皆能如愿，希望在新的一年里，我们都能越来越好。
ArkTS-自定义组件学习
yasinawolaopo的博客
11-24 1908
harmonyOS-ArkTS自定义组件
【OpenHarmony】ArkTS 语法基础 ③ ( 自定义组件生命周期回调函数 - 页面生命周期回调函数 )
最新发布
06-04
【OpenHarmony】ArkTS 语法基础 ③ ( @Component 自定义组件生命周期回调函数 | @Entry 页面生命周期回调函数 ) https://hanshuliang.blog.csdn.net/article/details/139424435 博客源码快照 一、ArkTS @Component ...
【OpenHarmony】 ArkTS 语法基础 ② ( ArkTS 自定义组件 )
06-03
【OpenHarmony】ArkTS 语法基础 ② ( ArkTS 自定义组件 | 自定义可导入组件 - export 声明模块 | 导入自定义组件 - import 导入组件 ) https://hanshuliang.blog.csdn.net/article/details/139407374 博客源码快照 ...
鸿蒙开发（ArkTS、ArkUI）.zip
02-07
华为 鸿蒙系统 开发
鸿蒙+自定义组件+实例代码
05-27
鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例鸿蒙自定义组件实例...
HarmonyOS/OpenHarmony应用开发-ArkOpenHarmony应用开发-ArkTS画布组件Canvas.doc
03-02
HarmonyOS/OpenHarmony 应用开发-ArkTS 画布组件 Canvas 是 ArkTS 框架中的一种重要组件，用于自定义绘制图形。该组件从 API Version 8 开始支持，后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 ...
ArkUI中自定义组件的生命周期_arkui 生命周期(2)，2024年最新2024年阿里+头条+腾讯大厂HarmonyOS鸿蒙笔试真题
2401_84181253的博客
04-16 388
但是点击了上面的"我的"之后，并没有如期的显示出“onPageShow”被调用的字样，可见当前作为一个页面中的组件展示出来的时候，并没有拥有页面的生命周期，而不是简单的页面中添加了一个@Entry的时候，就无论何时何地都是一个页面了。因此，我们需要直接在编译器中直接在mine.ets页面点击保存(最主要是当前窗口在mine.ets页面)，点击previewer的刷新按钮，这时候我们的mine.ets就履行了他的@Entry义务，作为一个页面进行渲染。1.Ability开发。12.设备使用信息统计。
ArkUI中自定义组件的生命周期
maniuT的博客
02-18 780
自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。像是我们的Mine以及Found组件，由于想要做到不使用tab的时候，也可以正常的访问，所以我们在其中加入了@Entry的修饰符，使其属于页面。
鸿蒙 Component 和 Component数据传递
02-24
鸿蒙（HarmonyOS）是华为公司自主研发的分布式操作系统。在鸿蒙系统中，Component（组件）是构建应用程序的基本单元，它可以是界面元素、服务、数据等。Component之间的数据传递是通过消息机制来实现的。 在鸿蒙系统中，Component之间的数据传递可以通过以下几种方式实现： 1. 属性传递：一个Component可以通过设置属性的方式将数据传递给另一个Component。这种方式适用于简单的数据传递，比如设置文本内容、图片等。 2. 事件传递：一个Component可以通过发送事件的方式将数据传递给其他Component。事件可以是用户交互产生的，也可以是程序内部产生的。接收事件的Component可以根据事件的内容进行相应的处理。 3. 数据共享：多个Component可以通过共享数据的方式进行数据传递。在鸿蒙系统中，可以使用全局上下文（Global Context）或者全局数据（Global Data）来实现数据共享。 4. 消息传递：Component之间可以通过发送消息的方式进行数据传递。消息可以包含任意类型的数据，并且可以在不同的线程之间传递。消息机制可以实现异步的数据传递，提高系统的响应速度。 总结起来，鸿蒙系统中的Component之间的数据传递可以通过属性传递、事件传递、数据共享和消息传递等方式来实现。这些方式可以根据具体的需求和场景进行选择和组合使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值