【鸿蒙学习笔记】鸿蒙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

鸿蒙课程体系

【鸿蒙培训】第１天

什么是Harmonyos

1. 方舟编译器是鸿蒙系统作为手机 , pc等多种设备的统一操作系统的编译时底座。主要分为两部分 , 编译工具链和运行时。
2. Open Harmony是鸿蒙系统的核心 , 也是一个完整的操作系统 , 而Harmonyos是在此基础附加大量华为自己闭源应用。
   例如： 小米的安卓系统 , 是下载了aosp(Android open source Project) , 即开源的安卓系统后增加了自己应用或功能。
   例如： 如Linux , Ubuntu , 一个是基础版 , 一个是增强版。

鸿蒙系统架构

3. 系统架构
   

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

4. Harmonyos开发 ,支持的语言有
   

开发模型

5. FA模型和Stage模型

开发工具deveco studio

6. 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

【鸿蒙培训】第２天

ArkUI介绍

2. ArkUI 叫做方舟开发框架。有两种开发范式：1、arkts声明式开发范式。2、类web开发范式(html,js,css)。
   声明式开发范式架构 如下：
   

ArkTS介绍

1. ArkTS 拓展了 TypeScript，TypeScript 拓展了 JavaScript。 增加了一些约束。

2. ArkTS开发学习流程
   

ArkTS基础语法

【鸿蒙学习笔记】尺寸设置・width・height・size・margin・padding・
【鸿蒙学习笔记】尺寸设置・layoutWeight・对子组件进行重新布局
【鸿蒙学习笔记】尺寸设置・constraintSize・设置约束尺寸
【鸿蒙学习笔记】尺寸设置・calc・支持计算

【鸿蒙学习笔记】位置设置・align・容器内子元素对齐方式
【鸿蒙学习笔记】位置设置・direction・容器内主轴方向上元素的布局
【鸿蒙学习笔记】位置设置・position・绝对定位・子组件相对父组件
【鸿蒙学习笔记】位置设置・offset・相对原本的位置进行偏移
【鸿蒙学习笔记】位置设置・markAnchor・锚点・微调找补

【鸿蒙学习笔记】基础组件・Image・objectFit・设置图片的填充效果
【鸿蒙学习笔记】【鸿蒙学习笔记】通用属性・背景设置・backgroundColor・设置组件背景色
【鸿蒙学习笔记】容器组件Stack
【鸿蒙学习笔记】属性学习迭代笔记

组件介绍

[Q&A] 什么是组件? 组件是UI构建与显示的最小单位。由框架直接提供的成为系统组件 , 由开发者提供的成为自定义组件。
【鸿蒙学习笔记】创建自定义组件
【鸿蒙学习笔记】页面和自定义组件生命周期
【鸿蒙学习笔记】基础组件Blank：空白填充组件
【鸿蒙学习笔记】基础组件Progress：进度条组件
【鸿蒙学习笔记】基础组件Button：按钮

【鸿蒙培训】第３天

状态管理

1. 状态管理机制，其实就是负责状态与UI界面是如何交互的，数据驱动UI变化。
2. 状态相关的装饰器分为组件状态管理装饰器和全局应用状态管理装饰器。
   
   【鸿蒙学习笔记】@State装饰器：组件内状态
   【鸿蒙学习笔记】@Prop装饰器：父子单向同步
   【鸿蒙学习笔记】@Link装饰器：父子双向同步
   【鸿蒙学习笔记】MVVM模式
   【鸿蒙学习笔记】@Styles装饰器：定义组件重用样式
   【鸿蒙学习笔记】@Extend装饰器：定义扩展组件样式

【鸿蒙培训】第４天

渲染控制-ForEach

【鸿蒙学习笔记】ForEach：循环渲染

MVVM模式

页面布局

【鸿蒙学习笔记】页面布局
【鸿蒙学习笔记】构建布局・创建网格 (Grid/GridItem)
【鸿蒙学习笔记】构建布局・选项卡 (Tabs)
【鸿蒙学习笔记】构建布局・线性布局 (Row/Column)・space・HorizontalAlign・VerticalAlign・justifyContent・Blank・layoutWeig・Scroll

【鸿蒙培训】第５天

ArkUI高阶特性：动画效果

【鸿蒙学习笔记】使用动画
【鸿蒙学习笔记】ArkUI・使用动画・组件动画・容器组件・Scroll组件・・

ArkUI高阶特性：交互事件

【鸿蒙学习笔记】交互事件

【鸿蒙培训】第６天

Stage模型深入学习

【鸿蒙学习笔记】Stage模型工程目录
【鸿蒙学习笔记】Stage模型
【鸿蒙学习笔记】UIAbility组件概述

UIAbility组件概述

【鸿蒙培训】第７天

“ 网络开发”说的通俗一点是完成我们的应用和后台的一个数据交互的过程。

网络服务：HTTP数据请求

【鸿蒙学习笔记】网络服务・HTTP数据请求

网络服务：axios 请求数据

【鸿蒙学习笔记】网络服务・axios数据请求

数据管理

1. 用户首选项（Preferences）

【鸿蒙学习笔记】通过用户首选项实现数据持久化

2. 关系型数据库概述

【鸿蒙学习笔记】关系型数据库概述

【鸿蒙培训】第８天

元服务概念

【鸿蒙学习笔记】元服务

文件管理

【鸿蒙学习笔记】文件管理

服务上架

三方库开发

【鸿蒙培训】第９天

鸿蒙项目-舜和酒店

【鸿蒙学习笔记】舜和酒店项目开发

自学

【鸿蒙学习笔记】数据类型
【鸿蒙学习笔记】运算符
【鸿蒙学习笔记】逻辑控制语句

【鸿蒙学习笔记】空壳子
【鸿蒙学习笔记】空壳子
【鸿蒙学习笔记】空壳子

[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) // 装订内容封面