前言

关于HarmonyOS陆陆续续总结了有14篇的文章大家可以发现没有一篇是关于UI相关的不是自己没有分享的打算而是对于这些UI而言官方都有着一系列的文档输出如果我再一一的分享确实有点画蛇添足的意思所以之前一直从其他的方面进行总结当然了这些方面也是平常开发中无法忽视的。

当足够的了解了HarmonyOS的相关特性之后再去介入UI你会发现无比的轻松特别当你有着其他的声明式UI开发的经验时对于HarmonyOS的UI大致一扫也就会了。

如何把UI阐述的简单易懂又能方便大家使用这是自己一直想做的事情即区别于官方又能实际的结合需求是接下来自己对UI相关的知识点的分享。

初始化准备

无论是之前已经发表的文章还是接下来讲述的内容Api都是基于9以及以上的版本采用的语言生态是ArkTS语言其模型是Stage如果你的环境和我的有出入建议以我的为主进行学习和开发项目主要原因如下

ArkTS语言

虽然ArkUI框架也就是方舟开发框架HarmonyOS提供了一套UI开发框架针对不同目的和技术背景的开发者提供了两种开发范式基于ArkTS的声明式开发范式和类Web开发范式但是仍然建议你第一选择一定要选择声明式开发范式的ArkTs语言。

 

主要原因有来自于官方的推荐以及在开发效率和应用性能上ArkTs语言性能更佳开发更高效。

Stage模型

采用Stage模型是因为以后主推且会长期演进的模型下图来源于官方文档。

未来HarmonyOS舍弃AOSP是必然的事件大家尽量舍弃之前Api已全新的Api进行介入方便后续的项目开发。

以脚手架为产出物

如何让大家在学习HarmonyOS的时候更加的方便遇到相关UI效果能够第一时间的查看到代码基于之前的Android和Flutter便萌生了一个HarmonyOS版的脚手架。

之前的Android端脚手架

之前的Flutter端脚手架

在移动端也许大家对脚手架有陌生感说白了就是一个工具通过工具可以帮助我们生成代码提高我们的开发效率和IDE插件不同的是它可以更加的灵活拓展出插件所实现不了的一些功能。

那么接下来我也会仿照着之前所做的一些工具结合HarmonyOS语言以UI为介入点从0到1开发出一个HarmonyOS版的脚手架当然了工具只是最终的产出物实际还是以技术要点为文章旨在既能帮助到大家学习又能帮助到大家以后的项目开发。

第一阶段还是以桌面程序为主第二阶段可以拓展到DevEco Studio插件里。

虽然说ArkUI-X进一步将ArkUI扩展到了多个OS平台但是截至到当前还未支持PC端那么桌面程序只能选择其他语言了一开始想到的是Flutter毕竟刚开发过但是HarmonyOS已经有了NodeJs基于此便改用Electron作为桌面开发工具后续如果出了PC端再进行移植。

最后总结

接下来的一段时间都会写一些关于UI相关的毕竟UI是用于渲染数据的是HarmonyOS开发中必不可少也尤为重要的组成部分会和官方进行差异化和实际的业务进行关联并沉淀于脚手架希望接下来能够帮助到大家。