前言

关于HarmonyOS,陆陆续续总结了有14篇的文章,咱们能够发现,没有一篇是关于UI相关的,不是自己没有共享的计划,而是对于这些UI而言,官方都有着一系列的文档输出,假如我再逐个的共享,确实有点弄巧成拙的意思,所以之前,一向从其他的方面进行总结,当然了这些方面也是往常开发中无法忽视的。

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

怎么把UI阐述的简单易懂,又能便利咱们运用,这是自己一向想做的工作,即区别于官方又能实际的结合需求,是接下来自己对UI相关的知识点的共享。

初始化准备

无论是之前现已发表的文章还是接下来叙述的内容,Api都是根据9以及以上的版别,选用的言语生态是ArkTS言语,其模型是Stage,假如你的环境和我的有收支,主张以我的为主,进行学习和开发项目,主要原因如下:

ArkTS言语

虽然ArkUI结构也就是方舟开发结构(HarmonyOS提供了一套UI开发结构)针对不同目的和技能背景的开发者提供了两种开发范式,根据ArkTS的声明式开发范式和类Web开发范式,可是仍然主张你榜首挑选,一定要挑选声明式开发范式的ArkTs言语。

HarmonyOS开发:UI展开前的阶段总结

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

HarmonyOS开发:UI展开前的阶段总结

Stage模型

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

HarmonyOS开发:UI展开前的阶段总结

未来HarmonyOS放弃AOSP是必定的事件,咱们尽量放弃之前Api,已全新的Api进行介入,便利后续的项目开发。

以脚手架为产出物

怎么让咱们在学习HarmonyOS的时候,愈加的便利,遇到相关UI作用,能够榜首时间的查看到代码,根据之前的AndroidFlutter,便萌生了一个HarmonyOS版的脚手架。

之前的Android端脚手架

HarmonyOS开发:UI展开前的阶段总结

之前的Flutter端脚手架

HarmonyOS开发:UI展开前的阶段总结

在移动端,也许,咱们对脚手架有陌生感,说白了就是一个东西,经过东西,能够协助咱们生成代码,进步咱们的开发功率,和IDE插件不同的是,它能够愈加的灵敏,拓展出插件所完成不了的一些功用。

那么接下来,我也会仿照着之前所做的一些东西,结合HarmonyOS言语,以UI为介入点,从0到1,开发出一个HarmonyOS版的脚手架,当然了东西仅仅终究的产出物,实际还是以技能关键为文章,旨在既能协助到咱们学习,又能协助到咱们今后的项目开发。

榜首阶段还是以桌面程序为主,第二阶段能够拓展到DevEcoStudio插件里。

HarmonyOS开发:UI展开前的阶段总结

虽然说,ArkUI-X进一步将ArkUI扩展到了多个OS平台,可是到到当时,还未支撑PC端,那么桌面程序只能挑选其他言语了,一开始想到的是Flutter,究竟刚开发过,可是HarmonyOS现已有了NodeJs,根据此,便改用Electron作为桌面开发东西,后续假如出了PC端,再进行移植。

最后总结

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。