logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

HarmonyOS 6.1 实战:状态管理全部在 Index 组件内部完成,子组件通过回调函数将事件传递回来,因此只需使用 @State 即可

鸿蒙操作系统(HarmonyOS)是华为面向全场景智慧生活推出的分布式操作系统,其应用开发体系以 ArkUI 声明式框架为核心,而 ArkTS 则是这一框架的官方语言载体。ArkTS 在 TypeScript 的静态类型系统之上,引入了一系列面向声明式 UI 的语言级扩展,包括装饰器语法、状态管理装饰器、构建器函数等,使得开发者能够以接近自然语言的方式描述界面结构与交互逻辑。在传统的命令式 UI

文章图片
#ui#华为
HarmonyOS 6.1 实战:状态管理全部在 Index 组件内部完成,子组件通过回调函数将事件传递回来,因此只需使用 @State 即可

鸿蒙操作系统(HarmonyOS)是华为面向全场景智慧生活推出的分布式操作系统,其应用开发体系以 ArkUI 声明式框架为核心,而 ArkTS 则是这一框架的官方语言载体。ArkTS 在 TypeScript 的静态类型系统之上,引入了一系列面向声明式 UI 的语言级扩展,包括装饰器语法、状态管理装饰器、构建器函数等,使得开发者能够以接近自然语言的方式描述界面结构与交互逻辑。在传统的命令式 UI

文章图片
#ui#华为
HarmonyOS 6.1 实战:状态管理全部在 Index 组件内部完成,子组件通过回调函数将事件传递回来,因此只需使用 @State 即可

鸿蒙操作系统(HarmonyOS)是华为面向全场景智慧生活推出的分布式操作系统,其应用开发体系以 ArkUI 声明式框架为核心,而 ArkTS 则是这一框架的官方语言载体。ArkTS 在 TypeScript 的静态类型系统之上,引入了一系列面向声明式 UI 的语言级扩展,包括装饰器语法、状态管理装饰器、构建器函数等,使得开发者能够以接近自然语言的方式描述界面结构与交互逻辑。在传统的命令式 UI

文章图片
#ui#华为
HarmonyOS 6.1 实战:“props down, events up“的单向数据流模式,保证了组件树的渲染可预测性

鸿蒙开发的核心方法论可以概括为"声明式描述 + 响应式驱动"。在 ArkTS 中,开发者通过在方法中书写嵌套的组件调用链来描述界面结构,这种写法本质上是一棵组件树的声明。框架在运行时会将这棵声明树编译为高效的渲染指令,并通过虚拟 DOM diff 算法实现精确的局部更新。与传统的 Android XML 布局或 iOS Storyboard 相比,ArkTS 的声明式写法将界面逻辑与业务逻辑统一在

文章图片
#架构#ui
HarmonyOS 6.1 实战:“props down, events up“的单向数据流模式,保证了组件树的渲染可预测性

鸿蒙开发的核心方法论可以概括为"声明式描述 + 响应式驱动"。在 ArkTS 中,开发者通过在方法中书写嵌套的组件调用链来描述界面结构,这种写法本质上是一棵组件树的声明。框架在运行时会将这棵声明树编译为高效的渲染指令,并通过虚拟 DOM diff 算法实现精确的局部更新。与传统的 Android XML 布局或 iOS Storyboard 相比,ArkTS 的声明式写法将界面逻辑与业务逻辑统一在

文章图片
#架构#ui
HarmonyOS 6.1 实战:@Component 装饰的 struct 组件之间通过构造参数进行数据下行传递,通过回调函数实现事件上行通知

id: number;id: number;dm: string;id: number;id: number;id: number;id: number;这里是数据层的根基——六个 interface 接口定义了六类业务实体的结构契约。

文章图片
#架构#华为
HarmonyOS 6.1 实战:@Component 装饰的 struct 组件之间通过构造参数进行数据下行传递,通过回调函数实现事件上行通知

id: number;id: number;dm: string;id: number;id: number;id: number;id: number;这里是数据层的根基——六个 interface 接口定义了六类业务实体的结构契约。

文章图片
#架构#华为
HarmonyOS 6.1 实战:线性进度条实战教程,套餐施工进度百分比展示,动态宽度绑定进度数值,圆角美化样式

HarmonyOS 的应用开发语言是 ArkTS,它是在 TypeScript 基础上扩展而来的。ArkTS 不仅保留了 TypeScript 的静态类型检查能力,还针对 UI 声明式编程场景做了深度优化,使得开发者可以用更少的代码量实现更复杂的界面逻辑。ArkUI 是 HarmonyOS 的 UI 开发框架,其核心理念是"声明式编程"。开发者只需描述界面"看起来是什么样",而不需要手动操作 DO

文章图片
#ui#架构
HarmonyOS 6 ArkUI - ArkUI 自定义柱状消费统计图,使用 Column 堆叠高度实现简易条形图,循环渲染月度消费数据

本文从架构分层、数据模型、纯函数处理层、帧动画引擎、组件化设计、CRUD 全流程、数据可视化、动效微交互等维度,系统性地剖析了基于 HarmonyOS ArkTS 构建的陆冲滑板公园电商应用。该应用的核心架构思想是将数据处理与视觉表现严格分离——全部过滤器、排序器、格式化器和动画函数均以全局纯函数形式存在,组件仅负责状态持有和视图编排,这种"函数式数据层 + 声明式视图层"的二元架构在中小规模应用

文章图片
#harmonyos
HarmonyOS 6.1 实战:ArkTS 单文件大型项目架构解析,@Entry 入口页面 + 多 @Component 子组件拆分,@Builder 封装可复用 UI 区块

在 ArkTS 中,颜色通常以十六进制字符串的形式传入fontColor等属性。为了让整个应用的色彩体系统一可维护,我们首先定义一个bg: string这种设计的好处在于:当需要切换主题色或做暗色/亮色模式适配时,只需修改一个常量对象,所有引用KB.primaryKB.accent的组件会自动生效。接口的定义也提供了类型安全——如果拼写错误,编译期就能捕获。在声明式 UI 中,“色彩即设计系统”。

文章图片
#harmonyos
    共 16 条
  • 1
  • 2
  • 请选择