鸿蒙系列--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。

相关推荐
星空真迷人11 小时前
嵌入式鸿蒙并非精简版,核心究竟是什么?
stm32·单片机·嵌入式硬件·物联网·华为·harmonyos·iot
OH_TPC15 小时前
【鸿蒙优选三方库】@ohos/ijkplayer:在鸿蒙上像 B 站一样流畅播视频
华为·音视频·harmonyos·鸿蒙
2501_9197490316 小时前
华为鸿蒙经期记录APP—小羊月经
华为·harmonyos·鸿蒙
黑鲨吃西瓜1 天前
鸿蒙通用模块
harmonyos·鸿蒙
腾科IT教育1 天前
HarmonyOS开发|ArkTS UI颜色API通用规则
ui·华为·harmonyos·harmonyos开发·鸿蒙应用开发工程师
风华圆舞2 天前
HarmonyOS 自定义绘制实战 —— 用 ArkGraphics2D 画一个会卷曲翻动的页面网格
harmonyos·arkts·drawing·drawvertices·翻页卷曲·有限差分法线
风华圆舞2 天前
HarmonyOS 手势与 animator 实战 —— 捏出跟手又有弹性的翻页物理
harmonyos·手势·pixelmap·pangesture·边界回弹·native 句柄
北墨NoLimit2 天前
DevEco Code:在终端里用 AI 写鸿蒙应用
harmonyos
智塑未来2 天前
打开快、切换顺、游戏稳:鸿蒙的日常流畅表现
游戏·华为·harmonyos
智塑未来2 天前
鸿蒙游戏体验手册:四种能力从性能到玩法逐一解锁
游戏·华为·harmonyos