Jiaberrr的博客

本文将带领大家走进鸿蒙开发的世界，重点讲解如何在鸿蒙应用中实现页面间的跳转与参数传递。通过详细剖析@ohos.router的使用方法，以及实际案例的演示，帮助开发者们轻松掌握这一关键技术，为构建高效、流畅的鸿蒙应用奠定基础。跟随本文，让我们一起开启精彩的鸿蒙开发之旅！

Componentbuild(){}以上介绍了鸿蒙Next中自定义组件的创建方法以及在组件间传参的几种常见方式之一。根据不同的使用场景和需求，需要选择最合适的方法。其他的方法在后面章节中再做介绍。

前一节我们写好了”提醒事项“APP首页的静态页面，光有静态页面肯定是不够的，更重要的是交互，今天这一节我将来学习最常用的交互事件——点击事件。设置动态zIndex来动态控制弹窗的zIndex的层级，当需要显示时，将层级调高，隐藏时层级调低。在添加按钮上增加点击事件，点击后弹出添加弹窗。1、设置动态变量model_zIndex。2、给弹窗绑定动态zIndex。说明：组件被点击时触发的事件。作用：监听（感知）用户。3、给元素绑定点击事件。

在前一篇文章中，我们已经完成了“提醒事项”首页的静态页面，其中卡片区域和列表区域是用多个Row实现的，相信大家已经发现了，代码中有很多重复的地方。今天，我将使用ForEach来简化这部分代码。一、ForEach简介ForEach是鸿蒙开发中的一种循环渲染机制，用于在列表或集合中遍历数据，并生成对应的UI组件。通过ForEach，我们可以轻松实现列表的动态渲染，提高开发效率。

写在前面写在前面了解了一些常用的系统组件及其属性之后，我准备开始搭建我第一个页面，本次鸿蒙Next初体验我准备模仿这款“提醒事项”APP，从页面搭建到基本功能实现。今天从入口页开始：布局思路。

本节继续补充4个鸿蒙系统布局容器组件，分别是Stack、Flex、List、Tabs。1. Stack组件Stack组件是一个用于堆叠子组件的布局容器。它允许子组件按照顺序堆叠，后面的组件会覆盖前面的组件。alignmenttopStarttopCentertopEndcenterbottomEnddividersoverlap当需要实现组件重叠效果，或者需要在一个固定位置上堆叠多个组件时，可以使用Stack组件。2. Flex组件Flex。

在OpenHarmony Next的ArkUI框架中，Row和Column组件是两种核心的布局容器，用于构建用户界面。虽然它们在排列子组件的方向上有所不同——Row用于水平布局，而Column用于垂直布局——但它们共享一系列相似的属性。本文详细介绍了这些共有的属性，包括如何设置子组件的对齐方式、间隔、尺寸以及边框样式等。通过对比和示例，读者将了解到如何灵活运用Row和Column组件来创建响应式和美观的界面设计。

大家好，欢迎来到我的鸿蒙开发学习专栏！在这个系列中，我将记录我从零基础开始学习鸿蒙开发的全过程。