1# 资源分类与访问 2 3应用开发过程中,经常需要用到颜色、字体、间距、图标等资源,在不同的设备或配置中,这些资源的值可能不同。 4 5- 应用资源:借助资源文件能力,开发者在应用中自定义资源,自行管理这些资源在不同的设备或配置中的表现。 6 7- 系统资源:开发者可以在[应用UX设计关于资源的介绍](https://gitee.com/openharmony/docs/blob/master/zh-cn/design/ux-design/design-resources.md),获取支持的色彩、字体等系统资源ID及其在不同配置下的取值;在[主题图标库](https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/)获取支持的系统图标资源。 8 9 10## 资源分类 11 12应用开发中使用的各类资源文件,需要放入特定子目录中存储管理。资源目录的示例如下所示,base目录、限定词目录、rawfile目录、resfile目录称为资源目录,element、media、profile称为资源组目录。 13 14> **说明** 15> 16> stage模型多工程情况下,共有的资源文件放到AppScope下的resources目录。 17 18资源目录示例: 19``` 20resources 21|---base // 默认存在的目录 22| |---element 23| | |---string.json 24| |---media 25| | |---icon.png 26| |---profile 27| | |---test_profile.json 28|---en_GB-vertical-car-mdpi // 自定义限定词目录示例,由开发者创建 29| |---element 30| | |---string.json 31| |---media 32| | |---icon.png 33| |---profile 34| | |---test_profile.json 35|---rawfile // 其他类型文件,原始文件形式保存,不会被集成到resources.index文件中。文件名可自定义。 36|---resfile // 其他类型文件,原始文件形式保存,不会被集成到resources.index文件中。文件名可自定义。 37``` 38### 资源目录 39 40#### base目录 41 42base目录是默认存在的目录,二级子目录element用于存放字符串、颜色、布尔值等基础元素,media、profile存放媒体、动画、布局等资源文件。<br/> 43目录中的资源文件会被编译成二进制文件,并赋予资源文件ID。通过指定资源类型(type)和资源名称(name)访问。 44 45#### 限定词目录 46 47限定词目录需要开发者根据开发需要自行创建,二级子目录element、media、profile用于存放字符串、颜色、布尔值等基础元素,以及媒体、动画、布局等资源文件。<br/>同样,目录中的资源文件会被编译成二进制文件,并赋予资源文件ID。通过指定资源类型(type)和资源名称(name)来访问。 48 49**限定词目录的命名要求** 50 51限定词目录可以由一个或多个表征应用场景或设备特征的限定词组合而成,包括移动国家码和移动网络码、语言、文字、国家或地区、横竖屏、设备类型、颜色模式和屏幕密度等维度,限定词之间通过下划线(\_)或者中划线(\-)连接。开发者在创建限定词目录时,需要遵守限定词目录的命名规则。 52 53- 限定词的组合顺序:移动国家码_移动网络码-语言_文字_国家或地区-横竖屏-设备类型-颜色模式-屏幕密度。开发者可以根据应用的使用场景和设备特征,选择其中的一类或几类限定词组成目录名称。 54 55- 限定词的连接方式:语言、文字、国家或地区之间采用下划线(\_)连接,移动国家码和移动网络码之间也采用下划线(\_)连接,除此之外的其他限定词之间均采用中划线(-)连接。例如:**zh_Hant_CN**、**zh_CN-car-ldpi**。 56 57- 限定词的取值范围:每类限定词的取值必须符合限定词取值要求表中的条件,如表2。否则,将无法匹配目录中的资源文件。 58 59表2 限定词取值要求 60 61| 限定词类型 | 含义与取值说明 | 62| ----------- | ---------------------------------------- | 63| 移动国家码和移动网络码 | 移动国家码(MCC)和移动网络码(MNC)的值取自设备注册的网络。<br/>MCC可与MNC合并使用,使用下划线(_)连接,也可以单独使用。例如:mcc460表示中国,mcc460_mnc00表示中国_中国移动。<br/>详细取值范围,请查阅[**ITU-T E.212**](https://www.itu.int/rec/T-REC-E.212)(国际电联相关标准)。 | 64| 语言 | 表示设备使用的语言类型,由2~3个小写字母组成。例如:zh表示中文,en表示英语,mai表示迈蒂利语。<br/>详细取值范围,请查阅[**ISO 639**](https://www.iso.org/iso-639-language-code)(ISO制定的语言编码标准)。 | 65| 文字 | 表示设备使用的文字类型,由1个大写字母(首字母)和3个小写字母组成。例如:Hans表示简体中文,Hant表示繁体中文。<br/>详细取值范围,请查阅[**ISO 15924**](https://www.iso.org/standard/81905.html)(ISO制定的文字编码标准)。 | 66| 国家或地区 | 表示用户所在的国家或地区,由2~3个大写字母或者3个数字组成。例如:CN表示中国,GB表示英国。<br/>详细取值范围,请查阅[**ISO 3166-1**](https://www.iso.org/iso-3166-country-codes.html)(ISO制定的国家和地区编码标准)。 | 67| 横竖屏 | 表示设备的屏幕方向,取值如下:<br/>- vertical:竖屏<br/>- horizontal:横屏 | 68| 设备类型 | <!--RP1-->表示设备的类型,取值如下:<br/>- car:车机<br/>- tablet:平板<br/>- tv:智慧屏<br/>- wearable:智能穿戴<!--RP1End--> | 69| 颜色模式 | 表示设备的颜色模式,取值如下:<br/>- dark:深色模式<br/>- light:浅色模式 | 70| 屏幕密度 | 表示设备的屏幕密度(单位为dpi),取值如下:<br/>- sdpi:表示小规模的屏幕密度(Small-scale Dots Per Inch),适用于dpi取值为(0, 120]的设备。<br/>- mdpi:表示中规模的屏幕密度(Medium-scale Dots Per Inch),适用于dpi取值为(120, 160]的设备。<br/>- ldpi:表示大规模的屏幕密度(Large-scale Dots Per Inch),适用于dpi取值为(160, 240]的设备。<br/>- xldpi:表示特大规模的屏幕密度(Extra Large-scale Dots Per Inch),适用于dpi取值为(240, 320]的设备。<br/>- xxldpi:表示超大规模的屏幕密度(Extra Extra Large-scale Dots Per Inch),适用于dpi取值为(320, 480]的设备。<br/>- xxxldpi:表示超特大规模的屏幕密度(Extra Extra Extra Large-scale Dots Per Inch),适用于dpi取值为(480, 640]的设备。 | 71 72#### rawfile目录 73 74支持创建多层子目录,子目录名称可以自定义,文件夹内可以自由放置各类资源文件。<br/>目录中的资源文件会被直接打包进应用,不经过编译,也不会被赋予资源文件ID。通过指定文件路径和文件名访问。 75 76#### resfile目录 77 78支持创建多层子目录,子目录名称可以自定义,文件夹内可以自由放置各类资源文件。<br/>目录中的资源文件会被直接打包进应用,不经过编译,也不会被赋予资源文件ID。应用安装后,resfile资源会被解压到应用沙箱路径,通过Context属性[resourceDir](../reference/apis-ability-kit/js-apis-inner-application-context.md#属性)获取到resfile资源目录后,可通过文件路径访问。 79 80### 资源组目录 81 82资源组目录包括element、media、profile三种类型的资源文件,用于存放特定类型资源。 83 84 表3 资源组目录说明 85 86| 目录类型 | 说明 | 资源文件 | 87| --------- | ---------------------------------------- | ---------------------------------------- | 88| element | 表示元素资源,以下每一类数据都采用相应的JSON文件来表征(目录下仅支持文件类型)。<br/>- boolean,布尔型<br/>- color,颜色<br/>- float,浮点型,范围是-2^128-2^128<br/>- intarray,整型数组<br/>- integer,整型,范围是-2^31-2^31-1<!--Del--><br/>- pattern,样式(仅支持系统应用使用)<!--DelEnd--><br/>- plural,复数形式<br/>- strarray,字符串数组<br/>- string,字符串,[格式化字符串请参考API文档](../reference/apis-localization-kit/js-apis-resource-manager.md#getstringsync10)<!--Del--><br/>- theme,主题(仅支持系统应用使用)<!--DelEnd-->| element目录中的文件名称建议与下面的文件名保持一致。每个文件中只能包含同一类型的数据。<br/>- boolean.json<br/>- color.json<br/>- float.json<br/>- intarray.json<br/>- integer.json<!--Del--><br/>- pattern.json<!--DelEnd--><br/>- plural.json<br/>- strarray.json<br/>- string.json | 89| media | 表示媒体资源,包括图片、音频、视频等非文本格式的文件(目录下只支持文件类型)。<br/>图片和音视频的类型说明见表4和表5。 | 文件名可自定义,例如:icon.png。 | 90| profile | 表示自定义配置文件,其文件内容可[通过包管理接口](../reference/apis-ability-kit/js-apis-bundleManager.md#bundlemanagergetprofilebyability)获取(目录下只支持json文件类型)。 | 文件名可自定义,例如:test_profile.json。 | 91 92**媒体资源类型说明** 93 94表4 图片资源类型说明 95 96| 格式 | 文件后缀名 | 97| ---- | ----- | 98| JPEG | .jpg | 99| PNG | .png | 100| GIF | .gif | 101| SVG | .svg | 102| WEBP | .webp | 103| BMP | .bmp | 104 105表5 音视频资源类型说明 106 107| 格式 | 支持的文件类型 | 108| ------------------------------------ | --------------- | 109| H.264 AVC |.3gp | 110| Baseline Profile (BP) | .mp4 | 111 112**资源文件示例** 113 114color.json文件的内容如下: 115 116标准的十六进制颜色值由六位十六进制数字组成,下面的value值前两位表示透明度,后六位表示颜色值。 117```json 118{ 119 "color": [ 120 { 121 "name": "color_hello", 122 "value": "#ffff0000" 123 }, 124 { 125 "name": "color_world", 126 "value": "#ff0000ff" 127 } 128 ] 129} 130``` 131 132float.json文件的内容如下: 133 134```json 135{ 136 "float":[ 137 { 138 "name":"font_hello", 139 "value":"28.0fp" 140 }, 141 { 142 "name":"font_world", 143 "value":"20.0fp" 144 } 145 ] 146} 147``` 148 149string.json文件的内容如下: 150 151```json 152{ 153 "string":[ 154 { 155 "name":"string_hello", 156 "value":"Hello" 157 }, 158 { 159 "name":"string_world", 160 "value":"World" 161 }, 162 { 163 "name":"message_arrive", 164 "value":"We will arrive at %1$s." 165 }, 166 { 167 "name":"message_notification", 168 "value":"Hello, %1$s!,You have %2$d new messages." 169 } 170 ] 171} 172``` 173 174plural.json文件的内容如下: 175 176```json 177{ 178 "plural":[ 179 { 180 "name":"eat_apple", 181 "value":[ 182 { 183 "quantity":"one", 184 "value":"%d apple" 185 }, 186 { 187 "quantity":"other", 188 "value":"%d apples" 189 } 190 ] 191 } 192 ] 193} 194``` 195 196## 创建资源目录和资源文件 197 198在resources目录下,可按照限定词目录命名规则,以及资源组目录支持的文件类型,创建资源目录和资源组目录,添加特定类型资源。DevEco Studio支持同时创建资源目录和资源文件,也支持单独创建资源目录或资源文件。 199 200### 创建资源目录和资源文件 201 202在resources目录右键菜单选择“New > Resource File”,可同时创建资源目录和资源文件,文件默认创建在base目录的对应资源组。如果选择了限定词,则会按照命名规范自动生成限定词和资源组目录,并将文件创建在限定词目录中。 203 204图中File name为需要创建的文件名。Resource type为资源组类型,默认是element。Root Element为资源类型。Avaliable qualifiers为供选择的限定词目录,通过右边的小箭头可添加或者删除。<br/>创建的目录名自动生成,格式固定为“限定词.资源组”,例如:创建一个限定词为dark的element目录,自动生成的目录名称为“dark/element”。 205 206  207 208### 创建资源目录 209 210在resources目录右键菜单选择“New > Resource Directory”,可创建资源目录,默认创建的是base目录。如果选择了限定词,则会按照命名规范自动生成限定词和资源组目录。确定限定词后,选择资源组类型,当前资源组类型支持Element、Media、Profile三种,创建后生成资源目录。 211 212  213 214### 创建资源文件 215 216在资源目录(element、media、profile)的右键菜单选择“New > XXX Resource File”,即可创建对应资源组目录的资源文件。例如,在element目录下可新建Element Resource File。 217 218  219 220## 资源可翻译特性 221 222### 功能介绍 223 224资源需要翻译时,可使用attr属性标记字符串翻译范围和翻译状态。attr属性不参与资源编译,只标记字符串是否翻译。 225 226未配置attr属性,默认需要翻译。 227``` 228"attr": { 229 "translatable": false|true 230 "priority": "code|translate|LT|customer" 231} 232``` 233**attr支持属性** 234 235| 名称 | 类型 | 说明 | 236| --------- | ----------------------- | ---- | 237| translatable | boolean | 标记字符串是否需要翻译。 <br> true:需要翻译。 <br> false:不需要翻译。| 238| priority | string | 标记字符串翻译状态。<br>code:未翻译。<br>translate:翻译未验证。<br>LT:翻译已验证。<br>customer:用户定制字符串。 | 239 240### 使用约束 241可翻译特性使能范围:base目录下string、strarray、plural类型资源。 242``` 243resources 244|---base 245| |---element 246| | |---string.json 247| | |---strarray.json 248| | |---plural.json 249``` 250### 示例 251string资源配置attr属性示例如下: 252 253```json 254{ 255 "string": [ 256 { 257 "name": "string1", 258 "value": "1", 259 "attr": { 260 "translatable": false 261 } 262 }, 263 { 264 "name": "string2", 265 "value": "Hello world!", 266 "attr": { 267 "translatable": true, 268 "priority": "LT" 269 } 270 } 271 ] 272} 273``` 274 275## 资源访问 276 277### 单HAP包应用资源 278 279 - 通过```$r```或```$rawfile```访问资源。<br/>对于color、float、string、plural、media、profile等类型的资源,通过```$r('app.type.name')```形式访问。其中,app为resources目录中定义的资源;type为资源类型;name为资源名,开发者定义资源时确定。<br/>对于string.json中使用多个占位符的情况,通过```$r('app.string.label','aaa','bbb',444)```形式访问。<br/>对于rawfile目录资源,通过```"$rawfile('filename')"```形式访问。其中,filename为rawfile目录下文件的相对路径,文件名需要包含后缀,路径开头不可以"/"开头。 280 281 > **说明:** 282 > 283 > rawfile的native的访问方式请参考[Rawfile开发指导](../napi/rawfile-guidelines.md)。 284 285 [资源组目录](#资源组目录)下的“资源文件示例”显示了.json文件内容,包含color.json文件、string.json文件和plural.json文件,访问应用资源时需先了解.json文件的使用规范。<br/>资源的具体使用方法如下: 286 287 ```ts 288 //通过$r('app.type.name')访问 289 Text($r('app.string.string_hello')) 290 .fontColor($r('app.color.color_emphasize')) 291 .fontSize($r('app.float.text_size_headline1')) 292 .fontFamily($r('app.string.font_family_medium')) 293 .backgroundColor($r('app.color.color_palette_aux1')) 294 295 Image($r('app.media.app_icon')) 296 .border({ 297 color: $r('app.color.color_palette_aux1'), 298 radius: $r('app.float.corner_radius_button'), width: 2 299 }) 300 .margin({ 301 top: $r('app.float.elements_margin_horizontal_m'), 302 bottom: $r('app.float.elements_margin_horizontal_l') 303 }) 304 .height(200) 305 .width(300) 306 307 //对占位符,通过$r('app.string.label','aaa','bbb',444)访问 308 Text($r('app.string.message_notification','LiHua',2)) 309 ``` 310 311- 通过本应用上下文获取ResourceManager后,调用不同[资源管理接口](../reference/apis-localization-kit/js-apis-resource-manager.md)访问不同资源。<br/>例如:getContext().resourceManager.getStringByNameSync('test') 可获取字符串资源;getContext().resourceManager.getRawFd('rawfilepath') 可获取Rawfile所在hap包的descriptor信息,访问rawfile文件时需{fd, offset, length}一起使用。 312 313### 跨HAP/HSP包应用资源 314 315<!--Del--> 316#### bundle不同,跨bundle访问(仅支持系统应用使用) 317 318- 通过[createBundleContext(context, bundleName)](../reference/apis-ability-kit/js-apis-app-ability-application-sys.md#applicationcreatebundlecontext12)接口创建对应HAP/HSP包的上下文,获取resourceManager对象后,调用不同[资源管理接口](../reference/apis-localization-kit/js-apis-resource-manager.md)访问不同资源。 319<!--DelEnd--> 320 321#### bundle相同,跨module访问 322 323- 通过[createModuleContext(context, moduleName)](../reference/apis-ability-kit/js-apis-app-ability-application.md#applicationcreatemodulecontext12)接口创建同应用中不同module的上下文,获取resourceManager对象后,调用不同[资源管理接口](../reference/apis-localization-kit/js-apis-resource-manager.md)访问不同资源。 324 325- 通过```"$r"```或```"$rawfile"```访问资源。具体操作如下: 326 327 1.在entry的oh-package.json5文件中添加依赖。如```"dependencies": {"library":"file":../library}``` 328  329 330 2.这里是列表文本[hsp].type.name获取资源。其中,hsp为hsp模块名,type为资源类型,name为资源名称,示例如下: 331 332 ```ts 333 Text($r('[hsp].string.test_string')) 334 .fontSize($r('[hsp].float.font_size')) 335 .fontColor($r('[hsp].color.font_color')) 336 Image($rawfile('[hsp].icon.png')) 337 ``` 338 3.使用变量获取资源。示例如下: 339 340 ```ts 341 @Entry 342 @Component 343 struct Index { 344 text: string = '[hsp].string.test_string'; 345 fontSize: string = '[hsp].float.font_size'; 346 fontColor: string = '[hsp].color.font_color'; 347 image: string = '[hsp].media.string'; 348 rawfile: string = '[hsp].icon.png'; 349 350 build() { 351 Row() { 352 Text($r(this.text)) 353 .fontSize($r(this.fontSize)) 354 .fontColor($r(this.fontColor)) 355 356 Image($r(this.image)) 357 358 Image($rawfile(this.rawfile)) 359 } 360 } 361 } 362 ``` 363 > **说明** 364 > 365 > hsp包名必须写在[]内,rawfile下有多层目录,需要从rawfile下面第一个目录开始写,如```"$rawfile('[hsp].oneFile/twoFile/icon.png')"```,使用```"$r"```和```"$rawfile"```跨包访问HSP包资源无法提供编译时的资源校验,需要开发者自行保证使用资源存在于对应包中。 366 367 368### 系统资源 369 370开发者可以在[应用UX设计关于资源的介绍](https://gitee.com/openharmony/docs/blob/master/zh-cn/design/ux-design/design-resources.md),获取支持的色彩、字体等系统资源ID及其在不同配置下的取值;在[主题图标库](https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/)获取支持的图标资源,获取到图标资源后可通过[SymbolGlyph](../reference/apis-arkui/arkui-ts/ts-basic-components-symbolGlyph.md)对图标颜色等进一步设置。 371 372对于系统资源,可以通过```“$r('sys.type.resource_name')”```的形式访问。其中,sys表示系统资源;type为资源类型,取值包括“color”、“float”、“string”、“media”、“symbol”;resource_name为资源名称。 373 374> **说明:** 375> 376> - 仅声明式开发范式支持使用系统资源。 377> 378> - 对于系统预置应用,建议使用系统资源;对于三方应用,可以根据需要选择使用系统资源或自定义应用资源。 379> 380> - 当前,界面加载的系统资源字体进行显示时(可以在配置中system/etc/fontconfig.json文件中查看),默认使用的字体是鸿蒙黑体(HarmonyOS Sans),支持的范围是[中文编码字符集GB18030-2022(级别一/级别二)](https://openstd.samr.gov.cn/bzgk/gb/newGbInfo?hcno=A1931A578FE14957104988029B0833D3)。 381 382```ts 383Text('Hello') 384 .fontColor($r('sys.color.ohos_id_color_emphasize')) 385 .fontSize($r('sys.float.ohos_id_text_size_headline1')) 386 .fontFamily($r('sys.string.ohos_id_text_font_family_medium')) 387 .backgroundColor($r('sys.color.ohos_id_color_palette_aux1')) 388 389Image($r('sys.media.ohos_app_icon')) 390 .border({ 391 color: $r('sys.color.ohos_id_color_palette_aux1'), 392 radius: $r('sys.float.ohos_id_corner_radius_button'), width: 2 393 }) 394 .margin({ 395 top: $r('sys.float.ohos_id_elements_margin_horizontal_m'), 396 bottom: $r('sys.float.ohos_id_elements_margin_horizontal_l') 397 }) 398 .height(200) 399 .width(300) 400``` 401 402## 资源匹配 403 404应用使用某资源时,系统会根据当前设备状态优先从相匹配的限定词目录中寻找该资源。只有当resources目录中没有与设备状态匹配的限定词目录,或者在限定词目录中找不到该资源时,才会去base目录中查找。rawfile是原始文件目录,不会根据设备状态去匹配不同的资源。 405 406### 限定词目录与设备状态的匹配规则 407 408- 在为设备匹配对应的资源文件时,限定词目录匹配的优先级从高到低依次为:移动国家码和移动网络码 > 区域(可选组合:语言、语言_文字、语言_国家或地区、语言_文字_国家或地区)> 横竖屏 > 设备类型 > 颜色模式 > 屏幕密度。 409 410- 如果限定词目录中包含移动国家码和移动网络码、语言、文字、横竖屏、设备类型、颜色模式限定词,则对应限定词的取值必须与当前的设备状态完全一致,该目录才能够参与设备的资源匹配。例如,限定词目录“zh_CN-car-ldpi”不能参与“en_US”设备的资源匹配。 411 412- 如果存在多个屏幕密度限定词目录,则优先向上匹配最接近的屏幕密度限定词目录,否则向下匹配最为接近的屏幕密度限定词目录。例如,假设存在限定词目录“xldpi”和“xxldpi”,设备屏幕密度为“xxldpi”,则会匹配“xxldpi”限定词目录。 413 414应用界面加载资源规则,更多请参考国际化和本地化文档。 415 416### 获取指定配置的资源 417 418#### 基本概念 419 420开发者可以在工程的resource目录下添加限定词目录,满足多语言、深浅色模式等不同类型的系统设置。然而,在获取资源时,由于限定词目录匹配规则,只能筛选出最匹配的资源,无法获取其它目录资源。 421 422应用如果有获取指定配置的资源的诉求,可以通过以下方法进行获取。 423 424#### 接口说明 425 426| 接口名 | 描述 | 427| ------------------------------------------------------------ | ------------------------------------------------------------ | 428| [getOverrideResourceManager](../reference/apis-localization-kit/js-apis-resource-manager.md#getoverrideresourcemanager12)(configuration?: [Configuration](../reference/apis-localization-kit/js-apis-resource-manager.md#configuration)) : [ResourceManager](../reference/apis-localization-kit/js-apis-resource-manager.md#resourcemanager) | 获取可以加载指定配置的资源的资源管理对象,使用同步方式返回。 | 429| [getOverrideConfiguration](../reference/apis-localization-kit/js-apis-resource-manager.md#getoverrideconfiguration12)() : [Configuration](../reference/apis-localization-kit/js-apis-resource-manager.md#configuration) | 获取指定的配置,使用同步方式返回 | 430| [updateOverrideConfiguration](../reference/apis-localization-kit/js-apis-resource-manager.md#updateoverrideconfiguration12)(configuration: [Configuration](../reference/apis-localization-kit/js-apis-resource-manager.md#configuration)) : void | 更新指定的配置 | 431 432#### 示例 433 434以获取非当前系统语言的资源为例,说明如何获取指定配置的资源,假设工程中中文、英文、德文的资源目录定义了如下同名资源: 435 436- entry/src/main/resources/zh_CN/element/string.json 437 438```json 439{ 440 "string": [ 441 { 442 "name": "greetings", 443 "value": "你好,世界" 444 } 445 ] 446} 447``` 448 449- entry/src/main/resources/en_US/element/string.json 450 451```json 452{ 453 "string": [ 454 { 455 "name": "greetings", 456 "value": "Hello, world" 457 } 458 ] 459} 460``` 461 462- entry/src/main/resources/de_DE/element/string.json 463 464```json 465{ 466 "string": [ 467 { 468 "name": "greetings", 469 "value": "Hallo, Welt" 470 } 471 ] 472} 473``` 474 475在Index.ets中,分别获取三种语言的资源并显示在文本框中,运行设备当前系统语言为中文,entry/src/main/ets/pages/Index.ets的代码如下: 476 477```ts 478@Entry 479@Component 480struct Index { 481 @State englishString: string = "" 482 @State germanString: string = "" 483 484 getString(): string { 485 let resMgr = getContext().resourceManager 486 let resId = $r('app.string.greetings').id 487 488 //获取符合当前系统语言地区、颜色模式、分辨率等配置的资源 489 let currentLanguageString = resMgr.getStringSync(resId) 490 491 //获取符合当前系统颜色模式、分辨率等配置的英文资源 492 let overrideConfig = resMgr.getOverrideConfiguration() 493 overrideConfig.locale = "en_US" //指定资源的语言为英语,地区为美国 494 let overrideResMgr = resMgr.getOverrideResourceManager(overrideConfig) 495 this.englishString = overrideResMgr.getStringSync(resId) 496 497 //获取符合当前系统颜色模式、分辨率等配置的德文资源 498 overrideConfig.locale = "de_DE" //指定资源的语言为德语,地区为德国 499 overrideResMgr.updateOverrideConfiguration(overrideConfig) //等效于resMgr.updateOverrideConfiguration(overrideConfig) 500 this.germanString = overrideResMgr.getStringSync(resId) 501 502 return currentLanguageString 503 } 504 505 build() { 506 Row() { 507 Column() { 508 Text(this.getString()) 509 .fontSize(50) 510 .fontWeight(FontWeight.Bold) 511 Text(this.englishString) 512 .fontSize(50) 513 .fontWeight(FontWeight.Bold) 514 Text(this.germanString) 515 .fontSize(50) 516 .fontWeight(FontWeight.Bold) 517 } 518 .width('100%') 519 } 520 .height('100%') 521 } 522} 523``` 524 525### overlay机制 526 527overlay是一种资源替换机制,针对不同品牌、产品的显示风格,开发者可以在不重新打包业务逻辑hap的情况下,通过配置和使用overlay资源包,实现应用界面风格变换。overlay资源包只包含资源文件、资源索引文件和配置文件。 528 529- 动态overlay使用方式 530 5311、对应的overlay资源包需要放在对应应用安装路径下,通过hdc install的方式安装。如应用com.example.overlay的安装路径:data/app/el1/bundle/public/com.example.overlay/。 532 5332、应用通过[addResource(path)](../reference/apis-localization-kit/js-apis-resource-manager.md#addresource10),实现资源覆盖;通过[removeResource(path)](../reference/apis-localization-kit/js-apis-resource-manager.md#removeresource10),实现overlay删除。overlay资源路径需经过元能力的getContext().bundleCodeDir获取此应用对应的沙箱根目录,由应用的沙箱根目录+overlay资源包名称组成。如:let path = getContext().bundleCodeDir + "overlay资源包名称",其对应沙箱路径为:/data/storage/el1/bundle/overlay资源包名称。 534 535- 静态overlay配置方式 536 537包内overlay资源包中的配置文件app.json5中支持的字段: 538```{ 539 "app":{ 540 "bundleName": "com.example.myapplication.overlay", 541 "vendor" : "example", 542 "versionCode": "1000000", 543 "versionName": "1.0.0.1", 544 "icon": "$media:app_icon", 545 "label": "$string:app_name", 546 } 547} 548``` 549包内overlay资源包中的配置文件module.json5中支持的字段: 550```{ 551 "module":{ 552 "name": "entry_overlay_module_name", 553 "type": "shared", 554 "description": "$string:entry_overlay_desc", 555 "deviceTypes": [ 556 "default", 557 "tablet", 558 ], 559 "deliverywithInstall": true, 560 561 "targetModuleName": "entry_module_name", 562 "targetPriority": 1, 563 } 564} 565``` 566包间overlay资源包中的配置文件app.json5中支持的字段,仅对系统应用开放: 567```{ 568 "app":{ 569 "bundleName": "com.example.myapplication.overlay", 570 "vendor" : "example", 571 "versionCode": "1000000", 572 "versionName": "1.0.0.1", 573 "icon": "$media:app_icon", 574 "label": "$string:app_name", 575 "targetBundleName": "com.example.myapplication", 576 "targetPariority": 1, 577 } 578} 579``` 580包间overlay资源包中的配置文件module.json5中支持的字段,仅对系统应用开放: 581```{ 582 "module":{ 583 "name": "entry_overlay_module_name", 584 "type": "shared", 585 "description": "$string:entry_overlay_desc", 586 "deviceTypes": [ 587 "default", 588 "tablet", 589 ], 590 "deliverywithInstall": true, 591 592 "targetModuleName": "entry_module_name", 593 "targetPriority": 1, 594 } 595} 596``` 597> **说明:** 598> - targetBundleName: 字符串类型,指定要overlay的bundleName。 599> 600> - targetModuleName: 字符串类型,指定要overlay的应用中的目标module。 601> 602> - targetPriority: 整数类型,指定overlay优先级。 603> 604> - 不支持Ability、ExtensionAbility、Permission等其他字段的配置。 605> 606> - overlay不支持json类型的图片配置。 607 608在DevEco Studio中创建应用工程时,module的配置文件module.json5中包含targetModuleName和targetPriority字段时,该module将会在安装阶段被识别为overlay特征的module。overlay特征的module一般是为设备上存在的非overlay特征的module提供覆盖的资源文件,以便于targetModuleName指向的module在运行阶段可以使用overlay资源文件展示不同的颜色,标签,主题等等。 609 610该功能默认使能,其使能及去使能请参考[包管理接口](../reference/apis-ability-kit/js-apis-overlay.md)。 611 612## 相关实例 613 614针对访问应用资源,有以下相关实例可供参考: 615 616- [资源管理(ArkTS)(API10)](https://gitee.com/openharmony/applications_app_samples/tree/master/code/BasicFeature/Resource/ResourceManager)