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

2 回复

在HarmonyOS鸿蒙Next Beta 1中,应用图标的分层资源使用主要涉及图标的分层设计和资源管理。分层资源允许开发者将图标分解为多个层次,每个层次可以独立管理和更新,从而提高图标的灵活性和可维护性。

  1. 分层设计:应用图标可以分解为背景层、前景层和中间层。背景层通常用于图标的底色或基础形状,前景层用于图标的细节或标识,中间层可以用于添加阴影、高光等效果。通过分层设计,开发者可以更灵活地调整图标的外观。

  2. 资源管理:在HarmonyOS中,分层资源通过资源目录进行管理。开发者可以在resources目录下创建不同的文件夹来存放不同层次的图标资源。例如,background文件夹存放背景层资源,foreground文件夹存放前景层资源。每个文件夹中的资源文件需要按照命名规范进行命名,以便系统能够正确识别和加载。

  3. 资源引用:在应用代码中,开发者可以通过资源ID引用分层资源。例如,使用ResourceTable.Media_icon_background引用背景层资源,ResourceTable.Media_icon_foreground引用前景层资源。系统会根据设备的分辨率和主题自动选择合适的资源进行加载。

  4. 动态更新:分层资源支持动态更新,开发者可以在运行时根据不同的条件动态切换图标的层次。例如,根据用户选择的主题或应用状态,动态更换背景层或前景层资源,以实现图标的个性化展示。

  5. 性能优化:使用分层资源时,开发者需要注意资源的优化,避免加载过多或过大的资源文件,影响应用的性能。可以通过压缩资源文件、使用合适的图片格式等方式进行优化。

通过以上方式,开发者可以在HarmonyOS鸿蒙Next Beta 1中高效地使用分层资源,提升应用图标的设计灵活性和用户体验。

更多关于HarmonyOS鸿蒙Next Beta 1上应用图标使用分层资源的一些经验的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next Beta 1中,应用图标的分层资源设计可以提升视觉体验和交互效果。首先,确保图标资源分为前景、背景和中间层,每层使用独立的PNG文件,便于动态调整。其次,利用ResourceManager加载分层资源,通过LayerDrawable进行组合,支持动态切换和动画效果。最后,适配不同分辨率和设备,确保图标在不同场景下清晰显示。合理使用分层资源,能显著提升应用的用户体验。

回到顶部