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

摘要： 【中秋国庆不断更】OpenHarmony组件内状态变量使用：@State装饰器 @State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就和自定义组件的渲染绑定起来。当状态改变时，UI会发生对应的渲染改变。 在状态变量相关装饰器中，@State是最基础的，使变量拥有状态属性的装饰器，它也是大 阅读全文

摘要： @Styles和@Extend仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。这就是我们本章要介绍的内容stateStyles（又称为：多态样式）。 概述 stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不 阅读全文

摘要： 【中秋国庆不断更】OpenHarmony定义可动画属性：@AnimatableExtend装饰器 @AnimatableExtend装饰器用于自定义可动画的属性方法，在这个属性方法中修改组件不可动画的属性。在动画执行过程时，通过逐帧回调函数修改不可动画属性值，让不可动画属性也能实现动画效果。 ​ ● 阅读全文

摘要： 子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。 说明： 从API version 9开始，该装饰器支持在ArkTS卡片中使用。 概述 @Link装饰的变量与其父组件中的数据源共享相同的值。 装饰器使用规则说明 @Link变量装饰器 说明 装饰器参数 无 同步类型 双向同步。 阅读全文

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

摘要： 当开发者创建了自定义组件，并想对该组件添加特定功能时，例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法，将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题，ArkUI引入了@BuilderParam装饰器，@BuilderParam用来装饰指向@Builder方法的变量 阅读全文

摘要： 前面章节介绍了如何创建一个自定义组件。该自定义组件内部UI结构固定，仅与使用方进行数据传递。ArkUI还提供了一种更轻量的UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。 为了简化语言 阅读全文

摘要： 一、创建自定义组件 在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或 阅读全文

摘要： 介绍 本示例为 ArkUI 中组件、通用、动画、全局方法的集合。 效果预览 使用说明： 1.点击组件、通用、动画、全局方法四个按钮或左右滑动切换不同视图。 2.点击二级导航（如通用属性、通用事件等），若存在三级导航则展开三级导航（如 Border 边框、点击事件等）；若不存在三级导航，则跳转至详情页 阅读全文