
ArkUI范式语法
文章平均质量分 93
本专栏面向鸿蒙应用开发者,系统讲解ArkUI声明式开发范式的核心语法与实战技巧。从基础组件到高级状态管理,带您掌握现代化跨平台UI开发范式
我叫柱子哥
写代码没有啥技巧可言,就像卖油翁一样,时间久了就熟了
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
深入解析鸿蒙 ArkTS 中的 @Local 装饰器
本文介绍了鸿蒙ArkTS开发中@Local装饰器的核心功能与使用方法。作为V2组件体系的状态管理工具,@Local主要用于声明组件内部私有状态,具有响应式更新、类型安全和生命周期兼容等优势。文章详细解析了@Local对基本类型、类对象、数组等不同数据类型的观测能力,并通过代码示例展示了实际应用场景。特别说明@Local从APIversion12开始支持,在元服务中也可使用,同时指出其对嵌套对象和类属性的观测限制。通过具体案例演示了如何利用@Local实现组件内部状态管理与UI自动刷新。原创 2025-08-22 14:16:29 · 1012 阅读 · 0 评论 -
深入探索鸿蒙开发中的 @ComponentV2 装饰器
本文介绍了鸿蒙ArkTS开发中的@ComponentV2装饰器,作为API12引入的新特性,它配合V2状态装饰器提供了更精细的状态管理和性能优化。文章通过计数器示例展示了基本用法,重点分析了其核心优势:1)支持@Local、@Param等装饰器实现精细化状态管理;2)通过冻结机制、属性级刷新等提升性能;3)简化生命周期管理。同时指出了使用限制,如不能混用V1装饰器、序列化限制等。建议新项目直接采用@ComponentV2,现有项目可分步骤迁移,包括替换装饰器和使用@ObservedV2处理嵌套对象等。原创 2025-08-22 11:54:34 · 549 阅读 · 0 评论 -
鸿蒙开发中的 @State:轻松管理组件状态
本文介绍了鸿蒙ArkTS开发中@State装饰器的使用方法与特性。@State是用于标记组件内可响应状态变量的基础装饰器,当被修饰变量值变化时会自动触发UI刷新。文章详细说明了@State的基本用法(如计时器实现)、特点(数据驱动UI、局部性、响应式)和限制(必须初始化)。同时阐述了@State支持的数据类型(基础类型、class/Object、数组)及其响应机制差异,并提供了典型应用场景示例(按钮计数、开关状态切换等),帮助开发者理解和使用这一核心状态管理工具。原创 2025-08-21 02:47:13 · 687 阅读 · 0 评论 -
ArkUI中的@builder装饰器(一)
ArkUI中的@Builder装饰器提供了UI元素复用机制,支持私有和全局自定义构建函数,通过值传递和引用传递参数实现数据交互。该装饰器能够封装可复用UI结构,完整管理组件生命周期,适用于代码复用和基于View-State的UI刷新场景。使用时需注意参数传递规则和限制条件,如不允许修改参数值、引用传递单参数触发动态渲染等。典型应用包括封装重复UI组件和实现状态驱动的界面更新,能显著提升开发效率和代码可维护性。原创 2025-08-13 03:21:52 · 611 阅读 · 0 评论 -
ArkUI中的自定义组件(二)自定义组件的生命周期
本文介绍了ArkUI框架中自定义组件的生命周期和渲染流程。主要包含三个核心生命周期函数:aboutToAppear(组件创建时执行)、onDidBuild(首次渲染完成后执行)和aboutToDisappear(组件销毁前执行)。文章通过示例代码演示了这些函数的调用时机,并分析了嵌套组件时的执行顺序。同时详细说明了自定义组件的创建、重新渲染(状态变化触发局部更新)以及删除机制(涉及同步变量注销和垃圾回收)。最后提醒开发者避免在生命周期函数中进行异步操作或状态修改,以免影响UI稳定性。原创 2025-08-13 01:06:14 · 1198 阅读 · 0 评论 -
ArkUI中的自定义组件(一)
ArkUI自定义组件生命周期详解:组件生命周期包括aboutToAppear(初始化)、onDidBuild(首次渲染完成)和aboutToDisappear(销毁前清理)三个核心阶段。其中aboutToAppear用于变量初始化,onDidBuild适合数据埋点等非UI操作,aboutToDisappear执行资源释放。注意避免在生命周期中修改状态变量导致UI异常,特别强调aboutToDisappear中不应使用异步操作以防止内存泄漏。组件更新时框架会智能进行最小化渲染,删除时同步变量会自动解绑。原创 2025-08-11 18:30:09 · 745 阅读 · 0 评论