dfsdcvbhjnj的博客

LazyForEach从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。当LazyForEach在滚动容器中使用了，框架会根据滚动容器可视区域按需创建组件，当组件滑出可视区域外时，框架会进行组件销毁回收以降低内存占用。ForEach接口基于数组类型数据来进行循环渲染，需要与容器组件配合使用，且接口返回的组件应当是允许包含在ForEach父容器组件中的子组件。例如，ListItem组件要求ForEach的父容器组件必须为。

Watch用于监听状态变量的变化，当状态变量变化时，@Watch的回调方法将被调用。@Provide和@Consume，应用于与后代组件的双向数据同步，应用于状态数据在多个层级之间传递的场景。不同于上文提到的父子组件之间通过命名参数机制传递，@Provide和@Consume摆脱参数传递机制的束缚，实现跨层级传递。@Provide和@Consume通过相同的变量名或者相同的变量别名绑定时，@Provide修饰的变量和@Consume修饰的变量是一对多的关系。@Provide装饰的变量。

stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同。focused：获焦态(输入框可以获焦，文本不能获焦)。normal：正常态。pressed：按压态。disabled：不可用态。

在前文的示例中，可以使用@Styles用于样式的扩展，在@Styles的基础上，我们提供了@Extend，用于扩展原生组件样式。说明从API version 9开始，该装饰器支持在ArkTS卡片中使用。

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

前面章节介绍了如何创建一个自定义组件。该自定义组件内部UI结构固定，仅与使用方进行数据传递。ArkUI还提供了一种更轻量的UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。为了简化语言，我们将@Builder装饰的函数也称为“自定义构建函数”。说明从API version 9开始，该装饰器支持在ArkTS卡片中使用。/** 组件内：自定义构建函数,调用时,需要this.函数名。

1：组件必须使用@Component装饰@Entry装饰在哪个组件上，页面就展示哪个组件（主组件）3：被@Entry装饰的主组件，build()中必须有且仅有一个根容器组件，其它自定义组件，build()中有且仅有一个根组件。在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。

ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。链式调用的方式配置系统组件的样式和其他属性，建议每个属性方法单独写一行。链式调用的方式配置系统组件支持的事件，建议每个事件方法单独写一行。根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。例如，可以按以下方式配置Text组件的颜色和字体样式。如果组件的接口定义没有包含必选构造参数，则组件后面的。如果组件的接口定义包含构造参数，则在组件后面的。等组件都是容器组件。

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。TypeScript里的所有数字都是浮点数，这些浮点数的类型是 number。TypeScript里使用 string表示文本数据类型， 可以使用双引号（"）或单引号（'）表示字符串或者反引号（`）。enum类型是对JavaScript标准数据类型的一个补充，使用枚举类型可以为一组数值赋予友好的名字。元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。第二种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组。

【代码】03-页面跳转案例-ArkTS（声明式开发范式）

除此之外，ArkTS扩展了多种语法范式来使开发更加便捷：

一些关于鸿蒙开发工具DevEco Studio的简单的配置