这道菜我称为“ArkUI荟萃”—序 原创
【本文正在参与优质创作者激励】
理想是很奇妙的。如果我稍微不理会,那这篇文章将永远也不会和你见面。在2021年我就在脑海中构建属于自己的HarmonyOS应用开发实战课程,但至今还未上线。我可以随便找些借口,比如被公司的开发进度占有了全部的时间,或者选择性健忘今天还要写文章,或者懒惰占据主导明天再开始吧。李老师的书上市了,董老师的书上市了,我的胎死腹中。
2022年新的一年,我要开始搞事情!!!(你默认没有看到😄)
学懂知识是一件很难的事情
自从工作后,学习的时间越来越少,而技术的迭代尤如猛虎下山,1.0还没有学完,2.0就来了。印象最深的就是JDK,版本已经到了17,而公司还在使用8,之间的断层特性只能自己抽出时间来恶补,就怕突如其来的版本升级。
阅读理论性的文字是很枯燥乏味的,但也是必须要经历的,要搞懂其中的门道不花费时间是不可能一蹴而就的。但很多时候,我们并不是去学习官方提供的文档,而是站在大佬👨💻肩膀上写代码(CV大法),最终的结果大佬的知识还是大佬的,我们仅仅学会了CV大法。
很多时候,我也在考虑如何学?如何快速学?有没有捷径?
最终我想到了一个办法:现用再学,即用到什么学什么。如我接下来要完成的“ArkUI荟萃”示例 ,通过该应用程序来学习ArkUI框架的相关知识,这样既能达到知识储备的牢固性,同时也可以对整个开发流程有清晰的认知。
ArkUI荟萃
“荟萃”意为汇聚、聚集。我将通过“荟萃”应用程序示例将ArkUI框架的知识点呈现给大家,希望能够为你节省学习成本。本章节将随着后续文章不断的更新,我也不知道这个“荟萃”最终会被我写成什么样子😂,犹如你每天都会考虑吃什么一样😂。
1️⃣ 计算器
**介绍:**提供常规计算器、科学计算器等功能
知识点:
- 目录结构
- 资源访问
- 组件化
- 状态管理
- 布局约束
- Flex布局
- 栅格设置
- 背景设置
- Menu控制
- Column、Row、GridContainer容器组件
- Text、Button组件
- 点击事件
- 警告弹窗
2️⃣ …
ArkUI框架(方舟开发框架)
ArkUI框架是HarmonyOS给开发者提供的一套UI开发框架,通过多种组件、布局计算、动画能力、交互能力、绘制能力及API,使开发者能够快速构建应用程序。
ArkUI框架提供了两种开发范式(方式):
1️⃣ 类Web开发范式:以HML标签构建布局(类似H5),以CSS控制标签在布局中显示样式,以JavaScript进行数据逻辑处理。和Vue、微信小程序不同的是其标签和数据之间通过单向数据绑定的方式建立关联,也就是数据发生变化时,UI界面自动触发更新。
2️⃣ 声明式开发范式:和Flutter相似,只不过两者选择的语言不同,ArkUI采用TS语言,从组件、动效和状态管理三个维度进行UI界面绘制,和类web开发范式不同之处是不需要JS框架进行页面DOM渲染,占用内存更少,更推荐这种方式构建应用。
不过两种开发范式的选择,还需要根据实际业务以及开发人员的技术背景来选择,本次课程以声明式开发范式为主。对于其目录结构、组件化、属性、事件、装饰器等我将在接下来的示例中为大家介绍。
总结
本节是对“荟萃”项目的概述性说明,同时也对方舟开发框架有简单的了解。无论是类Web开发范式还是声明式开发范式,都是通过方舟编译器进行编译的,而方舟编译器直接将高级语言编译成机器码,消除了虚拟机动态编译的额外开销,提升了设备运行效率。
前排收藏,看白老师的操作了!