前言对于刚刚接触OpenHarmony应用开发的开发者 ， 最快的入门方式就是开发一个简单的应用，下面记录了一个日历应用的开发过程，通过日历应用的开发，来熟悉基本图形的绘制，ArkUI的组件的使用 ， UI组件生命周期 ， 加深对OpenHarmony应用开发的理解 。
效果展示
文章插图
开发环境
- 开发工具：DevEco Studio 3.1 Release
- 开发环境：OpenHarmony API 9
- 开发语言：eTS
什么是TypeScript：
TypeScript 是微软开发的一个开源的编程语言，是面向对象强类型化的，在 JAVAScript 的基础上引入了静态类型、类、接口的概念 。
TypeScript 和 JavaScript 的区别：
- TypeScript 是 JavaScript 的超集，在JavaScript的基础上拓展了语法，包含了 JavaScript 的所有元素
- 在TypeScript 中的数据要求有明确的类型，而JavaScript中没有
- TypeScript在编译时可以发现错误 ， JavaScript只有在运行时报错
- Column ：沿垂直方向布局的容器，可以包含多个子组件
- Row：沿水平方向布局容器，可以包含多个子组件
- Stack：堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件 ， 可以包含多个子组件
- Flex：弹性布局，元素在容器内水平居中，垂直等间隔分散，可以包含多个子组件
- Scroll：可滑动的容器组件 ， 当子组件的布局尺寸超过父组件的视口时，内容可以滑动 ， 内部只支持单个子组件，可支持垂直或者水平滑动
- Tabs：一种可以通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图，只能包含子组件TabContent
- List：列表包含一系列相同宽度的列表项 。适合连续、多行呈现同类数据，例如图片和文本，只能包含ListItem子组件
- Swiper：滑动容器，提供左右切换子组件显示的能力，可以包含多个子组件
- Grid：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局 ， 只能包含GridItem子组件
- Circle：圆形绘制组件
- Ellipse：椭圆绘制组件
- Line：直线绘制组件
- Polyline：折线绘制组件
- Polygon：多边形绘制组件
- Path：路径绘制组件
- Rect：矩形绘制组件
- Shape：绘制组件的父组件 ， 父组件中会描述所有绘制组件均支持的通用属性 。
- aboutToAppear：在组件的 build 函数之前执行 ， 可以做数据的初始化操作 。
- aboutToDisappear：在组件销毁之前执行，不允许改变状态变量，会导致应用程序行为不稳定 ， 可以做资源的释放操作 。
- onPageShow：仅@Entry修饰的自定义组件生效 ， 应用进入前台台，页面显示时触发 。
- onPageHide：仅@Entry修饰的自定义组件生效 ， 应用进入后台 ， 页面消失时触发 。
- @State ：变量需要本地初始化，初始化的值可以被构造参数覆盖；
- @Prop：必须通过构造函数参数初始化，属于单向数据绑定，使用其父组件提供的@State变量进行初始化
- @Link：必须通过构造函数参数进行初始化，属于双向数据绑定，子组件对@Link变量的更改将同步修改父组件的@State变量；
推荐阅读
- 基于深度学习的虚拟现实图像生成技术研究与应用
- 基于自注意力机制的语言模型技术研究与应用
- 浅谈ArkUI之Web组件的基础用法
- 基于Go-Kit的Golang整洁架构实践
- 基于云的生成式AI，自己构建，还是购买？
- DDD死党：单引擎查询利器
- 如何基于Kubernetes运行Nacos高可用集群
- 基于Python实现大规模光栅人口数据可视化
- 构建更好的基于LLM的应用程序的四大秘诀
- 怎么基于Java编写一个CLI工具？
