三、HarmonyOS NEXT应用开发:ArkTS工程目录结构(Stage模型)

简介: 本文介绍了HarmonyOS NEXT应用开发中ArkTS工程的目录结构(Stage模型),包括AppScope、entry、hvigor、oh_modules等主要目录及其作用。重点解析了entry目录下的src > main > resources目录结构,详细说明了base、限定符目录和rawfile的作用,以及如何引用资源文件。

三、HarmonyOS NEXT应用开发:ArkTS工程目录结构(Stage模型)


目录结构

ArkTS工程目录结构(Stage模型):https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-project-structure-V5

├─AppScope // 存放应用全局所需要得资源文件

 ├─resources // 目录用于统一存放应用所需的各种资源,包括图片、音频、视频、文本等等

 ├─app.json5 // 应用的全局配置信息

├─entry // 应用/服务模块,编译构建生成一个HAP。

 ├─src

   ├─main

     ├─ets // 用于存放ArkTS源码

       ├─entryability // 应用/服务的入口

       ├─pages // 应用/服务包含的页面

     ├─resources // 用于存放应用/服务模块所用到的资源文件。

       ├─base // 图形、多媒体、字符串、布局文件等

       ├─en_US // 设备设置美式英文时,优先匹配此目录下资源

       ├─zh_CN // 设备设置美式简体中文时,优先匹配此目录下资源

       ├─module.json5 // Stage模型模块配置文件

       ├─……

 ├─build-profile.json5 // 当前的模块信息、编译信息配置项

├─hvigor // 配置和管理项目的构建过程

  ├─hvigor-config.json5 // 指定hvigor的版本、构建依赖以及构建行为的配置参数

├─oh_modules // 用于存放三方库依赖信息,包含应用/服务所依赖的第三方库文件

├─build-profile.json5 // 应用级配置信息,包括签名、产品配置等

├─hvigorfile.ts // 应用级编译构建任务脚本

├─local.properties // 配置SDK目录

├─oh-package.json5 // 描述全局配置

  • AppScope
  • AppScope > app.json5 应用级的配置信息
  • AppScope > resources 这个目录下的base>element用于存放全局使用的基本元素,如字符串、颜色和布尔值。base>media目录则存储媒体、动画和布局等资源文件。如果模块下的resources的有同样的资源,那么就会优先使用模块下的资源,否则就使用这里的资源。
  • hvigor:配置和管理项目的构建过程。
  • oh_modules:这个目录用来存放第三方库依赖信息
  • build-profile.json5: 这个文件位于根目录,它放置应用级配置信息,包括签名配置和产品配置。
  • hvigorfile.ts 应用的编译脚本
  • local.properties 配置SDK目录
  • entry 这个目录是应用的入口(entry)。我们的写的应用的代码都是放在这个目录中,打包时,就会将这里的代码编译,生成HAP,即HarmonyOS Ability package鸿蒙能力包。

entry目录下的子目录及其作用

  • build-profile.json5 这个是编译配置文件,它包含了当前模块的信息和编译配置选项等等。

在鸿蒙应用工程的根目录也有一个这样的文件,那个是应用级的,全局的,这个是当前模块的局部的。

  • hvigorfile.ts 这是一个模块级的编译脚本。

鸿蒙应用工程根目录也有一个,那个是应用级的。

  • src > main > module.json5 这个文件描述了应用的全局配置信息。
  • src > main > ets 放ArkTS源代码的地方,鸿蒙应用可以使用官方的开发语言ArkTS来开发。
  • src > main > ets > entryability 这个目录就是用来放所那些应用或服务的入口的,其实就是那些继承了UIAbility类的类文件。
  • src > main > ets > pages 这个目录是专门用来放页面的,因为ArkTS采用了声明式UI,和android的Compose和iOS的SwiftUI都同样的产品。鸿蒙在这个目录里定义好页面,然后在src > main > ets > entryability 对应的ability加载出来。
  • src > main > resources 这个目录用来放置应用用到的资源文件,如图片、多媒体、文字等,国际化也是在这里定义的。资源目录分为base基目录、qualifiers限定符目录和rawfile目录。

src > main > resources 目录及文件介绍

resources目录用于统一存放应用所需的各种资源,包括图片、音频、视频、文本等等。下面简要介绍 resources 目录的用法,首先需要了解 resources 的目录结构,如下

resources 目录下,用于存放资源的子目录有(elementmediaprofile)和rawfile。下面分别介绍

1、目录:src > main > resources > base

base 目录是默认提供的。在这个目录下,element子目录存放了诸如文字、颜色、布尔值等。media 和 profile 子目录存放了诸如多媒体、动画、布局等。编译时,这些资源文件都会被编译成二进制文件,并分配相应的ID。

base 目录是默认提供的。在这个目录下,element子目录存放了诸如文字、颜色、布尔值等。media 和 profile 子目录存放了诸如多媒体、动画、布局等。编译时,这些资源文件都会被编译成二进制文件,并分配相应的ID。

  • media

存放媒体资源,包括图片、音频、视频等文件,支持的文件格式包括:.png、.gif、.mp3、.mp4等。该目录下的资源,需要使用$r('app.media.')的方式引用。

注意:无需指定具体版本,系统会自动根据所处环境选择相应版本

例如上图中的img.png图片,可通过$r('app.media.img')引用。需要注意的是$r()的返回值即为 **Resource** 类型,因此可以直接将$r('app.media.img')作为 Image 组件的参数,例如Image($r('app.media.img'))

  • element

存放用于描述页面元素的尺寸、颜色、样式等的各种类型的值,每种类型的值都定义在一个相应的 JSON 文件中。例如:

● boolean.json:布尔型

● color.json:颜色

● float.json:浮点型

● intarray.json:整型数组

● integer.json:整型

● pattern.json:样式

● plural.json:复数形式

● strarray.json:字符串数组

● string.json:字符串值。

文件中的内容为键值对(name-value)的形式。具体内容如下

{

 "string": [

   {

     "name": "module_desc",

     "value": "模块描述"

   },

   {

     "name": "greeting",

     "value": "你好"

   }

 ]

}

{

 "integer": [

   {

     "name": "width",

     "value": 150

   },

   {

     "name": "height",

     "value": 150

   }

 ]

}

我们可以通过 name 引用相应的 value。具体语法为$r('app..')

注意:无需指定具体版本,系统会自动根据所处环境选择相应版本

例如上述的 greeting 的值,可通过$r('app.string.greeting')引用,width的值可通过$r('app.integer.width')

2、限定符目录

目录1:src > main > resources > zh_CN目录2:src > main > resources > en_US目录3.……可自行增加其他限定性目录,与base目录里的东西差不多,主要用于应用程序的国际化,可根据需求设置不同地区的语言(图片、文字等)

3、目录:src > main > resources > rawfile

用于存储任意格式的原始文件,需要注意的是rawfile不会根据设备所处的环境去匹配不同的资源。

  • rawfile目录

用于存储任意格式的原始资源文件。rawfile不会根据设备的状态去匹配不同的资源,需要指定文件路径和文件名进行引用。该目录下的资源,可通过$rawfile('path/to/your/file')的方式引用,文件的路径为相对于 rawfile 的路径。例如

上图中的icon.png,须使用$rawfile('icon.png)引用。需要注意的是,$rawfile()的返回值也是Resource类型,因此其也可以直接作为 Image 组件的参数,如Image($rawfile('icon.png))

4、 当前的模块信息、编译信息配置项

目录1:src > main > resources > module.json5目录2:src > main > resources > base > element > string.json目录3:src > main > resources > zh_CN > element > string.json目录4:src > main > resources > en_US> element > string.json……

(1)module.json5 会引用string.json中的配置项(2)引用方式如:$string:EntryAbility_label(3)依据设备语言调用不同的设置文件,默认调用base,英文调用en_US,中文调用zh_CN等




关注我,公众号搜“Harry技术”带你看不一样的人间烟火!

目录
相关文章
|
10天前
|
数据安全/隐私保护
【HarmonyOS——ArkTS语言】面向对象【合集】
【ArkTS语言-HarmonyOS】面向对象【合集】本次实验,我们在utils目录中创建了MyClass.ets和MyConfig.ets文件,在此过程中定义了Config接口和Color枚举。同时,我们实现了Auth类及其子类WechatAuth和AlipayAuth,从而深入了解了面向对象编程在HarmonyOS开发中的应用。在实验中,我们学会了如何遵循接口规范来实现类的功能,并通过继承机制来扩展类的行为。通过这些实践,我们完成了用户创建、密码设置以及登录操作。
24 3
|
10天前
|
UED
【HarmonyOS——ArkTS语言】计算器的实现【合集】
【ArkTS语言-HarmonyOS】计算器的实现【合集】组件,点击等号后计算函数高效解析表达式并给出准确结果,达成核心功能要求。错误提示不够详尽,难以助力用户快速定位输入错误;响应式设计不足,在不同屏幕规格下适配性差。总体而言,本次实验已成功构建起基本功能框架,后续将针对上述问题深入探究优化方案,不断打磨细节,在完善计算器功能与提升用户体验的道路上持续精进,进而提升自身编程与应用开发的综合能力水平。利用按钮组件顺利完成布局设计,数字、运算符及功能按钮排列有序,操作逻辑清晰直观。
28 2
|
18天前
|
存储 人工智能 JavaScript
Harmony OS开发-ArkTS语言速成二
本文介绍了ArkTS基础语法,包括三种基本数据类型(string、number、boolean)和变量的使用。重点讲解了let、const和var的区别,涵盖作用域、变量提升、重新赋值及初始化等方面。期待与你共同进步!
84 47
Harmony OS开发-ArkTS语言速成二
|
20天前
|
安全 数据安全/隐私保护 Android开发
HarmonyOS 5.0 Next实战应用开发—‘我的家乡’【HarmonyOS Next华为公司完全自研的操作系统】
HarmonyOS NEXT是华为自研的鸿蒙操作系统的重要版本更新,标志着鸿蒙系统首次完全脱离Linux内核及安卓开放源代码项目(AOSP),仅支持鸿蒙内核和鸿蒙系统的应用。该版本引入了“和谐美学”设计理念,通过先进的物理渲染引擎还原真实世界的光影色彩,为用户带来沉浸式体验。应用图标设计融合国画理念,采用留白和实时模糊技术展现中式美学。 HarmonyOS NEXT强化了设备间的协同能力,支持无缝切换任务,如在手机、平板或电脑间继续阅读文章或编辑文件。系统注重数据安全和隐私保护,提供数据加密和隐私权限管理功能。此外,它利用分布式技术实现跨设备资源共
99 15
HarmonyOS 5.0 Next实战应用开发—‘我的家乡’【HarmonyOS Next华为公司完全自研的操作系统】
|
19天前
|
API 开发者 UED
自学记录鸿蒙API 13:PreviewKit从文件预览到应用开发
通过学习API 13,我深入研究了**PreviewKit(文件预览服务)**。该模块支持快速预览多种文件类型(文本、图片、视频、音频、PDF等),为文件管理类应用提供系统级支持。本文分享了从搭建开发环境到实现单文件和多文件预览的全过程,并介绍了如何构建一个实用的文件预览助手应用。通过实践,不仅掌握了技术细节,还提升了个人开发能力。希望这些经验能为其他开发者带来启发与帮助。
48 10
自学记录鸿蒙API 13:PreviewKit从文件预览到应用开发
|
10天前
|
UED 开发者
【HarmonyOS——ArkTS语言】计算器的实现【合集】
【ArkTS语言-HarmonyOS】计算器的实现【合集】组件,点击等号后计算函数高效解析表达式并给出准确结果,达成核心功能要求。错误提示不够详尽,难以助力用户快速定位输入错误;响应式设计不足,在不同屏幕规格下适配性差。总体而言,本次实验已成功构建起基本功能框架,后续将针对上述问题深入探究优化方案,不断打磨细节,在完善计算器功能与提升用户体验的道路上持续精进,进而提升自身编程与应用开发的综合能力水平。利用按钮组件顺利完成布局设计,数字、运算符及功能按钮排列有序,操作逻辑清晰直观。
29 8
|
10天前
|
存储 JSON 区块链
【HarmonyOS NEXT开发——ArkTS语言】购物商城的实现【合集】
HarmonyOS应用开发使用@Component装饰器将Home结构体标记为一个组件,意味着它可以在界面构建中被当作一个独立的UI单元来使用,并且按照其内部定义的build方法来渲染具体的界面内容。txt:string定义了一个名为Data的接口,用于规范表示产品数据的结构。src:类型为,推测是用于引用资源(可能是图片资源等)的一种特定类型,用于指定产品对应的图片资源。txt:字符串类型,用于存放产品的文字描述,比如产品名称等相关信息。price:数值类型,用于表示产品的价格信息。
35 5
|
10天前
|
开发工具 开发者 容器
【HarmonyOS NEXT开发——ArkTS语言】欢迎界面(启动加载页)的实现【合集】
从ArkTS代码架构层面而言,@Entry指明入口、@Component助力复用、@Preview便于预览,只是初窥门径,为开发流程带来些许便利。尤其动画回调与Blank组件,细节粗糙,后续定当潜心钻研,力求精进。”,字体颜色为白色,字体大小等设置与之前类似,不过动画配置有所不同,时长为。,不过这里没有看到额外的动画效果添加到这个特定的图片元素上(与前面带动画的元素对比而言)。这是一个显示文本的视图,文本内容为“奇怪的知识”,设置了字体颜色为灰色(的结构体,它代表了整个界面组件的逻辑和视图结构。
29 1
|
19天前
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
26 1
|
20天前
|
API 索引
鸿蒙开发:实现一个超简单的网格拖拽
实现拖拽,最重要的三个方法就是,打开编辑状态editMode,实现onItemDragStart和onItemDrop,设置拖拽移动动画和交换数据,如果想到开启补位动画,还需要实现supportAnimation方法。
75 13
鸿蒙开发:实现一个超简单的网格拖拽

热门文章

最新文章