文章 2023-08-21 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 五)

 管理应用拥有的状态概述LocalStorage:页面级UI状态存储LocalStorage是页面级的UI状态存储,通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内,页面间共享状态。本文仅介绍LocalStorage使用场景和相关的装饰器:@LocalStorageProp和@LocalStorag....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 五)
文章 2023-08-21 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 四)

@Observed装饰器和@ObjectLink装饰器:嵌套类对象属性变化上文所述的装饰器仅能观察到第一层的变化,但是在实际应用开发中,应用会根据开发需要,封装自己的数据模型。对于多层嵌套的情况,比如二维数组,或者数组项class,或者class的属性是class,他们的第二层的属性变化是无法观察到的。这就引出了@Observed/@ObjectLink装饰器。概述@ObjectLink和@Ob....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 四)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 三)

@Link装饰器:父子双向同步子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。概述@Link装饰的变量与其父组件中的数据源共享相同的值。装饰器使用规则说明变量的传递/访问规则说明图1 初始化规则图示观察变化和行为表现观察变化当装饰的数据类型为boolean、string、number类型时,可以同步观察到数值的变化。当装饰的数据类型为class或者Object时,可以观察....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 三)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 二)

@Prop装饰器:父子单向同步@Prop装饰的变量可以和父组件建立单向的同步关系。@Prop装饰的变量是可变的,但是变化不会同步回其父组件。概述@Prop装饰的变量和父组件建立单向的同步关系:@Prop变量允许在本地修改,但修改后的变化不会同步回父组件。当父组件中的数据源更改时,与之相关的@Prop装饰的变量都会自动更新。如果子组件已经在本地修改了@Prop装饰的相关变量值,而在父组件中对应的@....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 二)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 一)

状态管理概述在前文的描述中,我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面,就需要引入“状态”的概念。图1 效果图 上面的示例中,用户与应用程序的交互触发了文本状态变更,状态变更引起了UI渲染,UI从“Hello World”变更为“Hello ArkUI”。在声明式UI编程框架中,UI是程序状态的运行结果,用户构建了一个UI模型,其中应用的运行时的状态是参数。当参数改变时,U....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(状态管理 一)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 五)

@Styles装饰器:定义组件重用样式如果每个组件的样式都需要单独设置,在开发过程中会出现大量代码在进行重复样式设置,虽然可以复制粘贴,但为了代码简洁性和后续方便维护,我们推出了可以提炼公共样式进行复用的装饰器@Styles。@Styles装饰器可以将多条样式设置提炼成一个方法,直接在组件声明的位置调用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。装饰器使....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 五)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 四)

@BuilderParam装饰器:引用@Builder函数当创建了自定义组件,并想对该组件添加特定功能时,例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法,将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题,ArkUI引入了@BuilderParam装饰器,@BuilderParam用来装饰指向@Builder方法的变量,开发者可在初始化自定义组件时对此属性进行赋值....

文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 三)

页面和自定义组件生命周期在开始之前,先明确自定义组件和页面的关系:自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用。页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。页面生命周期,即被@Entry装饰的组....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 三)
文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 二)

自定义组件创建自定义组件在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。在进行 UI 界面开发时,通常不是简单的将系统组件进行组合使用,而是需要考虑代码可复用性、业务逻辑与UI分离,后续版本演进等因素。因此,将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组件具有以下特点:可组合:允许开发者组合使用系统组件、及其属性和方法。可重用:....

文章 2023-08-07 来自:开发者社区

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 一)

初识ArkTS语言ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。因此,在学习ArkTS语言之前,建议开发者具备TS语言开发能力。当前,ArkTS在TS的基础上主要扩展了如下能力:基本语法:ArkTS定义了声明式UI描述、自定义组件和动态扩展UI元素的能力,再配合ArkUI....

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 一)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注