【鸿蒙学习笔记】鸿蒙ArkTS学习笔记
【代码】【鸿蒙学习笔记】鸿蒙ArkTS学习笔记。
目录
前置信息
✅应用开发导读:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-dev-guide-V5
✅OpenHarmony三方库中心仓:https://ohpm.openharmony.cn/#/cn/home
✅OpenHarmony-SIG:https://gitee.com/organizations/openharmony-sig/projects
✅https://blog.csdn.net/shudaoshanQAQ/article/details/136995316
✅鸿蒙课程体系
【鸿蒙培训】第1天
什么是Harmonyos
方舟编译器是鸿蒙系统作为手机 , pc等多种设备的统一操作系统的编译时底座。主要分为两部分 ,编译工具链和运行时。Open Harmony是鸿蒙系统的核心 , 也是一个完整的操作系统 , 而Harmonyos是在此基础附加大量华为自己闭源应用。
例如: 小米的安卓系统 , 是下载了aosp(Android open source Project), 即开源的安卓系统后增加了自己应用或功能。
例如: 如Linux,Ubuntu, 一个是基础版 , 一个是增强版。
鸿蒙系统架构
- 系统架构

arkui: 方舟开发框架 , 这个ui框架有两种开发范式:1、arkts声明式开发范式。2、类web开发范式(html,js,css)。用户程序框架: 它执行多种语言开发 , arkts , js , c , c++Ability框架: Ability器是openHarmony系统对应用的基本抽象 , 每个Ability其实就是完成了某个功能的页面。
- Harmonyos开发 ,支持的语言有

开发模型
FA模型和Stage模型
开发工具deveco studio
deveco studio的使用及调试:基于IntelliJ IDEA Community开源版本定制开发的。
IDEA 使用可以参考这里
环境安装:安装deveco-studio-4.1.3.500
已经安装deveco-studio-4.1.3.500的基础上安装deveco-studio-3.1.0.501
已经安装deveco-studio-4.1.3.500的基础上安装deveco-studio-5.0.3.404
【鸿蒙培训】第2天
ArkUI介绍
ArkUI叫做方舟开发框架。有两种开发范式:1、arkts声明式开发范式。2、类web开发范式(html,js,css)。
声明式开发范式架构 如下:
ArkTS介绍
-
ArkTS拓展了TypeScript,TypeScript拓展了JavaScript。 增加了一些约束。 -
ArkTS开发学习流程
ArkTS 基础语法

【鸿蒙学习笔记】尺寸设置・width・height・size・margin・padding・
【鸿蒙学习笔记】尺寸设置・layoutWeight・对子组件进行重新布局
【鸿蒙学习笔记】尺寸设置・constraintSize・设置约束尺寸
【鸿蒙学习笔记】尺寸设置・calc・支持计算
【鸿蒙学习笔记】位置设置・align・容器内子元素对齐方式
【鸿蒙学习笔记】位置设置・direction・容器内主轴方向上元素的布局
【鸿蒙学习笔记】位置设置・position・绝对定位・子组件相对父组件
【鸿蒙学习笔记】位置设置・offset・相对原本的位置进行偏移
【鸿蒙学习笔记】位置设置・markAnchor・锚点・微调找补
【鸿蒙学习笔记】通用属性・背景设置・backgroundColor・设置组件背景色
【鸿蒙学习笔记】属性迭代完善・Text・Image・Column・Row・Progress・Button・TextInput
ArkTS 组件介绍
[Q&A] 什么是组件?
- 组件是UI构建与显示的最小单位。由框架直接提供的成为
系统组件, 由开发者提供的成为自定义组件。 - 自定义组件即
@Component装饰的UI单元
[Q&A] 什么是页面?
- 页面即
@Entry装饰应用的UI页面。可以由一个或者多个自定义组件组成。 @Entry装饰的自定义组件为页面的入口组件,即页面的根节点。
【鸿蒙学习笔记】UI・基本语法・创建自定义组件
【鸿蒙学习笔记】组件生命周期・页面生命周期
【鸿蒙学习笔记】基础组件・Image・objectFit・设置图片的填充效果
【鸿蒙学习笔记】容器组件・堆叠容器・Stack
【鸿蒙学习笔记】ArkTS组件・基础组件・Blank・空白填充组件
【鸿蒙学习笔记】ArkTS组件・基础组件・Progress・进度条组件
【鸿蒙学习笔记】UI・常用组件・Button・按钮组件・
【鸿蒙学习笔记】UI・常用组件・Button・按钮组件・ButtonType
【鸿蒙学习笔记】UI・页面路由 (@ohos.router)
【鸿蒙培训】第3天
状态管理
- 状态管理机制,其实就是负责
状态与UI界面是如何交互的,数据驱动UI变化。 - 状态相关的装饰器分为
组件状态管理装饰器和全局应用状态管理装饰器。
【鸿蒙学习笔记】@State装饰器:组件内状态
【鸿蒙学习笔记】@Prop装饰器:父子单向同步
【鸿蒙学习笔记】@Link装饰器:父子双向同步
【鸿蒙学习笔记】MVVM模式
【鸿蒙学习笔记】@Styles装饰器:定义组件重用样式
【鸿蒙学习笔记】@Extend装饰器:定义扩展组件样式
【鸿蒙培训】第4天
渲染控制-ForEach
MVVM模式
页面布局
【鸿蒙学习笔记】页面布局
【鸿蒙学习笔记】构建布局・创建网格 (Grid/GridItem)
【鸿蒙学习笔记】构建布局・选项卡 (Tabs)
【鸿蒙学习笔记】构建布局・线性布局 (Row/Column)・space・HorizontalAlign・VerticalAlign・justifyContent・Blank・layoutWeig・Scroll
【鸿蒙培训】第5天
ArkUI高阶特性:动画效果
【鸿蒙学习笔记】使用动画
【鸿蒙学习笔记】ArkUI・使用动画・组件动画・容器组件・Scroll组件・・
ArkUI高阶特性:交互事件
【鸿蒙培训】第6天
Stage模型深入学习
【鸿蒙学习笔记】Stage模型工程目录
【鸿蒙学习笔记】Stage模型
【鸿蒙学习笔记】UIAbility组件概述
UIAbility组件概述
【鸿蒙培训】第7天
“ 网络开发”说的通俗一点是完成我们的应用和后台的一个数据交互的过程。
网络服务:HTTP数据请求
网络服务:axios 请求数据
数据管理
1. 用户首选项(Preferences)
2. 关系型数据库概述
【鸿蒙培训】第8天
元服务概念
文件管理
服务上架
三方库开发
【鸿蒙培训】第9天
鸿蒙项目-舜和酒店
自学
【鸿蒙学习笔记】数据类型
【鸿蒙学习笔记】运算符
【鸿蒙学习笔记】逻辑控制语句
【鸿蒙学习笔记】空壳子
【鸿蒙学习笔记】空壳子
【鸿蒙学习笔记】空壳子
常见Q&A
[Q&A] 什么是hap呢?
hap: Harmony Ability Package,即 “Ability”类型的Module对应于编译后的包叫做HAP。
[Q&A] hap包含了啥?
HAP是HarmonyOS应用安装的基本单位,包含了编译后的代码、资源、三方库及配置文件。
[Q&A] hap类型?
HAP可分为Entry和Feature两种类型。
Entry类型的HAP:是应用的主模块 , 一个应用中只能有一个主模块。
Feature类型的HAP:是应用的动态特性模块 , 一个应用中可以有多个此模块。
.rotate({ angle: this.rotateValue }) // 旋转
.translate({ x: this.animationValue, y: this.animationValue }) // 平移
.opacity(this.opacityValue) // 不透明度
.animation({ curve: curves.springMotion() }) // 弹簧效果
.bindContentCover(this.isPresent, this.MyDialog(), ModalTransition.DEFAULT) // 装订内容封面
更多推荐



所有评论(0)