9、鸿蒙应用桌面图标外观和国际化

一、项目资源目录

项目下的resoueces目录为资源配置目录,其中base为基础配置,即在任何语言环境下都会加载的资源,

color.json:用于配置颜色,如页面的背景和文字的颜色。

string.json:用于设置文字,比如页面的文字和标题。

media:此目录下为项目中所用到的图像、音频、视频等媒体资源,不建议放置过大的文件(大文件会造成安装包臃肿),大文件应当放置在服务器上,通过远程方式加载

profile目录下的main_pages.json用于配置可用的页面

en_US和zh_CN为对应语言的国际化配置,其中的子目录和文件与base目录中的相同,比如zh_CN目录下的内容会在简体中文的系统中被加载,并且会覆盖base中相同的设置。

二、系统桌面图标外观的设置

1、添加图标图片

在resources > base > media目录添加图标图片

2、添加图标文字

注意,如果系统有多个国际化配置目录,除base目录下配置的内容在其它国际化目录下可以不配置以外,其它国际化目录的内容在base中必须存在并且都是相同的(项目名相同,值不同),否则会出现错误提示。

1)添加英文标题

在resources > base > element > string.json和resources > en_US > element > string.json中,添加以下内容

2)添加中文标题

3)、在src > main > module.json5文件中修改桌面图标配置

资源引用语法:

如果资源来自于目录,则使用"目录名:资源名"。如果资源来源于文件,则使用"文件名:配置项目名"

3、在页面中使用资源

相关推荐
2601_949593652 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9222 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233223 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88214 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
xiaoqi9226 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟6 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_177767377 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233228 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931708 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_9209317010 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos