鸿蒙系列--ArkTS

一、ArkUI开发框架

ArkUI框架提供开发者两种开发方式:基于ArkTS的声明式开发范式和基于JS扩展的类Web开发范式。声明式开发范式更加简洁,类 Web 开发范式对 Web 及前端开发者更友好

二、ArkTS声明式开发范式

对比类 Web 开发范式代码更为精简,在性能内存方面进一步优化提升。

提供了 API 扩展机制,通过此种机制进行封装风格统一的 JS 接口

装饰器

用来装饰类、结构体、方法以及变量,赋予其特殊的含义

鸿蒙系列--装饰器_鸿蒙装饰器-CSDN博客

自定义组件

可复用的 UI 单元,可组合其它组件,必须被 @Component 装饰

鸿蒙系列--自定义组件_鸿蒙自定义组件-CSDN博客

UI 描述

声明式的方式来描述 UI 的结构,build() 方法内部的代码块。

内置组件

框架中默认内置的基础和布局组件,可直接被开发者调用。 Column、Text、Divider、Button等

鸿蒙系列--组件介绍之基础组件

鸿蒙系列--组件介绍之其他基础组件(上)

鸿蒙系列--组件介绍之其他基础组件(下)

鸿蒙系列--组件介绍之容器组件

事件方法

用于添加组件对事件的响应逻辑,统一通过事件方法进行设置,如跟随在Button后面的onClick()。

  • UI 组件事件:比如 TextInput 输入框产生的 onEditChange 输入文本变更事件,List 列表组件产生的 onScrollIndex 列表滚动事件。
  • 交互事件:点击事件,拖拽事件,焦点事件,触摸事件,按键事件,鼠标事件,手势事件等

属性方法

用于组件属性的配置,统一通过属性方法进行设置,如fontSize()、width()、height()、color() 等,可通过链式调用的方式设置多项属性。

动效

与传统开发方式不同,ArkUI动画是由数据变化驱动动画启动,而不再是直接控制动画的播放。

  • 属性动画:组件的某些通用属性变化时,可以通过属性动画实现渐变效果,比如设置组件size。
  • 显式动画:全局 animateTo 显式动画接口,指定由于闭包代码导致的状态变化插入过渡动效,比如组件的显示与隐藏。
  • 转场动画:转场动画包括间转场、组件内过渡转场和共享元素转场三种,比如页面跳转。

三、类Web开发范式

类 Web 范式的整体接口采用与传统 Web 开发相似的设计理念,采用 HML、CSS与 JS 三种类型的文件进行页面开发,开发者可以基于此范式方便地进行 UI 构建,同时提供数据绑定机制,支持通过 JS 进行数据更新,进而更新UI。

相关推荐
遇到困难睡大觉哈哈1 天前
HarmonyOS —— Remote Communication Kit 拦截器(Interceptor)高阶定制能力笔记
笔记·华为·harmonyos
遇到困难睡大觉哈哈1 天前
HarmonyOS —— Remote Communication Kit 定制处理行为(ProcessingConfiguration)速记笔记
笔记·华为·harmonyos
氤氲息1 天前
鸿蒙 ArkTs 的WebView如何与JS交互
javascript·交互·harmonyos
遇到困难睡大觉哈哈1 天前
HarmonyOS支付接入证书准备与生成指南
华为·harmonyos
赵浩生1 天前
鸿蒙技术干货10:鸿蒙图形渲染基础,Canvas绘图与自定义组件实战
harmonyos
赵浩生1 天前
鸿蒙技术干货9:deviceInfo 设备信息获取与位置提醒 APP 整合
harmonyos
BlackWolfSky1 天前
鸿蒙暂未归类知识记录
华为·harmonyos
L、2181 天前
Flutter 与开源鸿蒙(OpenHarmony):跨平台开发的新未来
flutter·华为·开源·harmonyos
L、2181 天前
Flutter 与 OpenHarmony 深度融合实践:打造跨生态高性能应用(进阶篇)
javascript·flutter·华为·智能手机·harmonyos