HarmonyOS鸿蒙Next Beta 1上应用图标使用分层资源的一些经验
HarmonyOS鸿蒙Next Beta 1上应用图标使用分层资源的一些经验
经验:
- 应用图标资源必须为分层资源,参考设计标准
- 分层资源没法正常显示时,会使用AppScope中的应用图标。
- 分层资源background与foreground不支持svg。
- 分层资源的background参照设计标准必须使用1024px的位图。
- 分层资源的foreground设计标准中并未给出尺寸,经测试约为192px。
- 资源匹配规则似乎并不适用,因此只需在base下存储图片资源即可。
foreground测试样例:
180px: 外围明细出现背景色间隙
190px: 外围有背景色间隙
192px:
1024px: 明显显示不全
注:为何截图都长按出“卸载”菜单,因为系统对应用图标有缓存。
为何资源匹配规则似乎并不适用
原因: 官方模拟器手机与平板dpi一个在xxxldpi(手机520dpi)一个在xxldpi(平板360dpi),而测试项目仅在base下定义了一张192px的前景图。两个模拟器跑起来呈现效果一致。另外设计标准要求背景必须1024px而非1024vp,也佐证了其可能不参与资源匹配规则。
猜测: 这种icon资源,应用是提供给对外显示的,而非应用对内使用,不参与资源匹配规则也是可以理解的。
疑问
分层资源后续是否会考虑支持svg矢量图?
更多关于HarmonyOS鸿蒙Next Beta 1上应用图标使用分层资源的一些经验的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在HarmonyOS鸿蒙Next Beta 1中,应用图标的分层资源使用主要涉及图标的分层设计和资源管理。分层资源允许开发者将图标分解为多个层次,每个层次可以独立管理和更新,从而提高图标的灵活性和可维护性。
-
分层设计:应用图标可以分解为背景层、前景层和中间层。背景层通常用于图标的底色或基础形状,前景层用于图标的细节或标识,中间层可以用于添加阴影、高光等效果。通过分层设计,开发者可以更灵活地调整图标的外观。
-
资源管理:在HarmonyOS中,分层资源通过资源目录进行管理。开发者可以在
resources
目录下创建不同的文件夹来存放不同层次的图标资源。例如,background
文件夹存放背景层资源,foreground
文件夹存放前景层资源。每个文件夹中的资源文件需要按照命名规范进行命名,以便系统能够正确识别和加载。 -
资源引用:在应用代码中,开发者可以通过资源ID引用分层资源。例如,使用
ResourceTable.Media_icon_background
引用背景层资源,ResourceTable.Media_icon_foreground
引用前景层资源。系统会根据设备的分辨率和主题自动选择合适的资源进行加载。 -
动态更新:分层资源支持动态更新,开发者可以在运行时根据不同的条件动态切换图标的层次。例如,根据用户选择的主题或应用状态,动态更换背景层或前景层资源,以实现图标的个性化展示。
-
性能优化:使用分层资源时,开发者需要注意资源的优化,避免加载过多或过大的资源文件,影响应用的性能。可以通过压缩资源文件、使用合适的图片格式等方式进行优化。
通过以上方式,开发者可以在HarmonyOS鸿蒙Next Beta 1中高效地使用分层资源,提升应用图标的设计灵活性和用户体验。
更多关于HarmonyOS鸿蒙Next Beta 1上应用图标使用分层资源的一些经验的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在HarmonyOS鸿蒙Next Beta 1中,应用图标的分层资源设计可以提升视觉体验和交互效果。首先,确保图标资源分为前景、背景和中间层,每层使用独立的PNG文件,便于动态调整。其次,利用ResourceManager
加载分层资源,通过LayerDrawable
进行组合,支持动态切换和动画效果。最后,适配不同分辨率和设备,确保图标在不同场景下清晰显示。合理使用分层资源,能显著提升应用的用户体验。