摘要:
1、前言 在声明式描述语句中开发者除了使用系统组件外,还可以使用渲染控制语句来辅助UI的构建,这些渲染控制语句包括控制组件是否显示的条件渲染语句,基于数组数据快速生成组件的循环渲染语句。 2、条件渲染 假设我们存在这样一个应用场景:当我们的界面在满足某种条件时,需要显示一些组件,在不满足某些条件时, 阅读全文
posted @ 2024-12-08 20:59
鸿蒙自习室
阅读(123)
评论(0)
推荐(0)
摘要:
1、前言 经过我们前面10章的学习,我们基本上可以开发出一个简单的APP了,为了巩固学习的内容,我们先开发一个计算器APP来连个手(文末有源代码),界面如下: 包含基本的计算器运算功能 支持一键清空,支持逐个删除数字 支持将上次计算的过程保存下来,下次打开app继续; 支持清理之前保存的记录 这里面 阅读全文
posted @ 2024-12-08 20:57
鸿蒙自习室
阅读(377)
评论(0)
推荐(0)
摘要:
1、前言 我们在鸿蒙UI开发快速入门 —— part09: 应用级状态管理LocalStorage & AppStorage中已经学习了LocalStorage与AppStorage,但他们都是运行时的内存,在APP退出后所有数据将丢失。 如果我们想将一部分状态数据保存下来,让用户在下次进入app时 阅读全文
posted @ 2024-12-08 20:49
鸿蒙自习室
阅读(173)
评论(0)
推荐(0)
摘要:
1、说在前面的话 前面几个章节中介绍的装饰器(@State、@Props、@Link、@Provide、@Consume、@Observed、@ObjectLink)仅能在页面内,即一个组件树上共享状态变量。 如果开发者要实现应用级的,或者多个页面的状态数据共享,就需要用到应用级别的状态管理的概念。 阅读全文
posted @ 2024-12-08 20:25
鸿蒙自习室
阅读(274)
评论(0)
推荐(0)
摘要:
1、说在前面的话 在此之前,我们已经先后学习了三个装饰器:@State、@Props、@Link,它们的功能和使用场景分别是什么?暂停会议一下。 我们目前已经可以处理组件内状态(@State),也可以处理父组件向子组件传递状态(@Props),还可以处理父组件与子组件共用状态(@Link)。 我们再 阅读全文
posted @ 2024-12-08 20:24
鸿蒙自习室
阅读(152)
评论(0)
推荐(0)
摘要:
1、前言 我们在上一章学习了@State装饰器,@State装饰器的作用范围仅仅在当前组件,接下来,我们讨论如何从父组件中传入参数到子组件,让子组件随着父组件的状态发生变化。本章将要介绍的就是:@Props装饰器。 2、@Props装饰器 @Prop装饰的变量可以和父组件建立单向的同步关系。@Pro 阅读全文
posted @ 2024-12-08 20:22
鸿蒙自习室
阅读(257)
评论(0)
推荐(0)
摘要:
1、说在前面的话 在前五个章节中,我们构建的页面基本都是静态的页面,如果希望构建一个动态的、有交互的界面,就需要引入“状态”的概念,以便随着用户的交互,界面随着发生变化,例如如下的动图: 上面的示例中,用户与应用程序的交互触发了文本状态变更,状态变更引起了UI渲染,UI从“Hello World”变 阅读全文
posted @ 2024-12-08 20:21
鸿蒙自习室
阅读(277)
评论(0)
推荐(0)
摘要:
1、 为什么要样式复用? 如果每个组件的样式都需要单独设置,在开发过程中会出现大量代码在进行重复样式设置,虽然可以复制粘贴,但为了代码简洁性和后续方便维护,样式的复用就很有必要了。 为此,鸿蒙推出了可以提炼公共样式进行复用的装饰器@Styles; 2、@Styles装饰器 @Styles装饰器可以将 阅读全文
posted @ 2024-12-08 20:17
鸿蒙自习室
阅读(217)
评论(0)
推荐(0)
摘要:
1、为什么要复用? 从鸿蒙UI开发快速入门 —— part02: 组件开发文章中我们学习到,build()函数是我们构建用户UI界面的入口函数,在该函数中完成UI样式定义以及事件定义。 实际的项目开发中,一个组件的UI可能是相对比较复杂的(代码量比较多),如果把所有的UI描述代码都写在build() 阅读全文
posted @ 2024-12-08 11:27
鸿蒙自习室
阅读(130)
评论(0)
推荐(0)
摘要:
1. 什么是组件的生命周期 组件的生命周期是我们开发一个组件必须要关注的内容,组件的生命周期,指的是组件的创建、渲染、销毁等过程。因为这个过程就类似于人从出生到离世的过程,从而称为:组件的生命周期。 只有了解了组件的生命周期,我们才能开发出一个流畅的用户界面。 2. 页面 & 组件 还记得我们 “h 阅读全文
posted @ 2024-12-08 11:05
鸿蒙自习室
阅读(340)
评论(0)
推荐(0)