工业和信息化部网站备案系统,永康网站建设优化建站,音乐制作软件,哪里有做定制水的呢前言 系列文章目录#xff1a;
HarmonyOS开发第一步#xff0c;熟知开发工具DevEco Studio 当我们熟练的掌握了DevEco Studio之后#xff0c;就可以创建项目进行练习了#xff0c;和市场上大多数IDE一样#xff0c;DevEco Studio也给我们提供了很多的实例模板#xff0c…前言 系列文章目录
HarmonyOS开发第一步熟知开发工具DevEco Studio 当我们熟练的掌握了DevEco Studio之后就可以创建项目进行练习了和市场上大多数IDE一样DevEco Studio也给我们提供了很多的实例模板当然了对于大多数移动端开发者而言这些模板和我们的UI设计有着很大的出入一般都会选择一个空的视图作为项目方便我们从0到1进行开发。 点击下一步就进入到了项目信息编辑页面作为一名Android开发者对这个页面简直不要太熟悉无非就是项目的名字包名SDK版本的选择等等。 有两项是我们需要注意的第一项Model的选择也就是应用模型目前随着HarmonyOS的发展提供了两种应用模型一种是Stage模型一种是FA模型目前官方主推的是Stage模型我们在创建项目的时候也是默认的这种模型它是在HarmonyOS 3.1 Develper Preview版本开始新增的模型是目前主推且会长期演进的模型在该模型中由于提供了AbilityStage、WindowStage等类作为应用组件和Window窗口的“舞台”因此称这种应用模型为Stage模型。 关于Stage模型官方有着很详细的介绍这里就不多说了。 还有一项需要注意的Enable Super Visual选项也就是是否要启动低代码作为模板选择之后你就可以在项目中拖拽实现想要的页面类似Android Studio中的Xml中的Design选项。 以上的部分只是前言阐述了项目创建前的一些注意事项在讲述工程结构之前我们需要对HarmonyOS的UI开发框架ArkUI做一个简单的了解。 今天的文章内容大致如下 1、ArkUI框架的简单阐述
2、Stage模型下的ArkTS工程目录结构
3、与Android项目结构对比
4、相关总结 一、ArkUI框架的简单阐述 为什么要在工程结构之前阐述ArkUI这个UI框架主要原因只有一个就是为以后的项目创建做好铺垫首先我们来搞清楚前因后果。 ArkUI框架既是方舟开发框架它是HarmonyOS提供了一套UI开发框架和Flutter与SwiftUI有着异曲同工的角色你可以使用Flutter语言开发出Android、iOS等平台的应用也可以使用SwiftUI开发出iOS端的应用同理HarmonyOS端的应用如何开发呢可以使用ArkUI。 针对不同目的和技术背景ArkUI提供了两种开发方式一种是基于ArkTS的声明式开发方式这个方式和Flutter与SwiftUI很相似也就是说如果你之前了解过Flutter与SwiftUI那么使用这种方式再方便不过还有一种是兼容JS的类Web开发方式言外之意这种方式允许你用前端语言也就是经典的HML、CSS、JavaScript来开发应用。 开发方式名称 语言生态 UI更新方式 适用场景 适用人群 声明式开发范式 ArkTS语言 数据驱动更新 复杂度较大、团队合作度较高的程序 移动系统应用开发人员、系统应用开发人员 类Web开发范式 JS语言 数据驱动更新 界面较为简单的程序应用和卡片 Web前端开发人员 作为移动端应用的开发者考虑到性能复杂度高开发效率和发展趋势而言声明式开发方式绝对是我们的首选方式当然了官方也是主推这种方式官方推荐的原因如下 开发效率声明式开发范式更接近自然语义的编程方式开发者可以直观地描述UI无需关心如何实现UI绘制和渲染开发高效简洁。 应用性能如下图所示两种开发范式的UI后端引擎和语言运行时是共用的但是相比类Web开发范式声明式开发范式无需JS框架进行页面DOM管理渲染更新链路更为精简占用内存更少应用性能更佳。 发展趋势声明式开发范式后续会作为主推的开发范式持续演进为开发者提供更丰富、更强大的能力。 所以在以后的项目开发中第一基于ArkTS的声明式开发方式第二采用Stage模型原因只有一个基于性能和未来的发展趋势如果这个原因还不够那就拿官方推荐作为原因绝对好使 至于ArkTS后续的文章慢慢讲述吧一步一步来循序渐进。 二、Stage模型下的ArkTS工程目录结构 不要被一些名词给唬住了我们默认创建的就是基于Stage模型下的ArkTS工程目录结构创建完毕之后窗口如下 和AndroidStudio不能说一模一样但也是十分有九分的雷同具体的各个功能就不多赘述我们直接看左侧的目录结构 我们从上往下一一进行解析 .hvigor存储构建配置文件信息。 .idea存储项目的配置信息。 AppScope全局的共有资源存放目录。
resources用于存放应用/服务所用到的资源文件如图形、多媒体、字符串、布局文件等。baseelement包括字符串、整型数、颜色、样式等资源的json文件。每个资源均由json格式进行定义boolean.json布尔型color.json颜色float.json浮点型intarray.json整型数组integer.json整型pattern.json样式plural.json复数形式strarray.json字符串数组string.json字符串值basemedia多媒体文件如图形、视频、音频等文件支持的文件格式包括.png、.gif、.mp3、.mp4等。rawfile用于存储任意格式的原始资源文件。rawfile不会根据设备的状态去匹配不同的资源需要指定文件路径和文件名进行引用。app.json5应用的全局配置信息。 entryHarmonyOS工程模块编译构建生成一个HAP包。 src main ets用于存放ArkTS源码。entryability应用/服务的入口。pages应用/服务包含的页面。src main resources用于存放应用/服务所用到的资源文件如图形、多媒体、字符串、布局文件等和上面的共享目录是一致的。src main module.json5Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。build-profile.json5当前的模块信息、编译信息配置项包括buildOption、targets配置等。其中targets中可配置当前运行环境默认为HarmonyOS。hvigorfile.ts模块级编译构建任务脚本开发者可以自定义相关任务和代码实现。 hvigor构建配置文件信息是一款全新基于TS实现的前端构建任务编排工具结合npm包管理机制主要提供任务管理机制任务注册编排、工程模型管理、配置管理等关键能力更符合ArkTS/JS开发者的开发习惯。 oh_modules用于存放三方库依赖信息。 .gitignoregit过滤配置。 build-profile.json5应用级配置信息包括签名、产品配置等。 hvigorfile.ts应用级编译构建任务脚本。 hvigorw和hvigorw.batohpm编译构建工具。 local.properties存储本地属性的文件。 oh-package.json5依赖配置可以设置三方包依赖。 可以说以上的目录结构介绍全网甚至是官网也没有这么的详细为什么要对目录结构过多的进行阐述目的只有一个更好的了解项目可以针对性且快速的进入到开发之中。 三、与Android项目结构对比 或许第一次直接的查看这样的一个工程目录确实需要一段时间的了解才能知道各个文件的作用为了更加直观明了的让一名Android开发者快速的知道每个文件对应的含义接下来将会按照Android工程的目录结构和Stage模型下的ArkTS工程目录结构进行一一对应希望可以有所帮助当然了如果你不是一名Android开发者这个步骤可以掠过仔细的查看第二步的介绍即可。 整体的对照 左侧是HarmonyOS项目右侧是Android项目具体的对照图如下所示 主要文件对应 Android文件 HarmonyOS文件 清单文件AndroidManifest.xml module.json5 Activity/Fragment entryability下的ts文件 XML布局 pages下的ets文件 res resources Module下的build.gradle Module下的build-profile.json5 gradle hvigor 根目录下的build.gradle 根目录下的build-profile.json5 colors.xml dimens.xml strings.xml …… color.json颜色 float.json浮点型 string.json字符串值 …… 四、相关总结 通过对工程结构的了解对于我们步入HarmonyOS的开发有着指引的作用能够清晰的知道各个文件及文件夹的作用在哪里书写代码又是在哪里添加资源能够有一个直观的定位特别是不是从Android开发者转过来的同学对于工程结构更应该及时的了解。
