HarmonyOS 鸿蒙Next应用开发是否内置图标资源?

HarmonyOS 鸿蒙Next应用开发是否内置图标资源? 我理解您的要求,并已将提供的HTML内容转换为Markdown格式:

我想请教一下,在鸿蒙面向应用开发的过程中,鸿蒙系统内置库里面有没有内置一些“图标类”的资源?还是只能自己找艺术美工,叫他们按照项目要求绘制?

我举个例子。比方说下面这张图。我就想让一个按钮的样子长得像一个垃圾桶。用于让用户一眼看出按钮的作用。

但是,我们知道,普通图片都是位图。除非1:1投影到屏幕上,否则就会发生模糊现象。

所以我想问:对于这些好看的图标,

  1. 鸿蒙系统对于图片组件是否支持矢量图?

  2. 系统内是否有现成的图标库可供调用?

  3. 如果系统中没有现成的库可以调用,那么只能我们开发者自行提供。那么,对于一般的开发流程而言,图标的绘制工作是不是不属于我们应用开发者的工作范畴?这一块应该事先要求艺术美工这边帮我们完成?


-> 2023年1月23日补充

官方文档确实给出了鸿蒙应用侧开发中,如何引用svg图片的。但是有个问题。官方链接给出的内容依然是“兼容JS类Web开发范式”。

详见链接1、2。

我想问的是:截至目前,鸿蒙开发是否有对“基于ArkTS声明式开发范式”的支持?



更多关于HarmonyOS 鸿蒙Next应用开发是否内置图标资源?的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

你好,目前鸿蒙没有内置图标资源。但为开发者提供了图标库,图标库支持导出为svg和png格式。目前ArkUI支持svg格式的矢量图,但部分样式不支持svg格式的图片。

鸿蒙图标库的网址如下:

https://developer.harmonyos.com/cn/design/harmonyos-icon/

更多关于HarmonyOS 鸿蒙Next应用开发是否内置图标资源?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


官方文档确实给出了鸿蒙应用侧开发中,如何引用svg图片的。但是有个问题。官方链接给出的内容依然是“兼容JS的类Web开发范式”,详见链接1链接2

截至目前,鸿蒙开发是否有对“基于ArkTS的声明式开发范式”的支持?

上述内容中,相关链接如下:

链接1(HarmonyOS开发者文档):https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/js-components-svg-0000001380440962-V3?catalogVersion=V3

链接2(OpenHarmony开发者文档):https://docs.openharmony.cn/pages/v3.1/zh-cn/application-dev/ui/ui-js-components-svg-overview.md/

并且,非常感谢您对于我的解答,谢谢!

你好,你给的链接是对svg组件的文档哦,由于hml和svg都是基于sgml语法的,所以提供了svg组件。而ets的语法则是声明式ui语法,与sgml不同,所以不支持svg组件。但是我们一般是使用图片组件来显示svg图片的。目前ets的Image组件支持png、jpg、bmp、svg和gif格式的图片,

支持svg的。

我想问一下:

在ArkUI开发范式下,是怎么支持的svg图片的?我没查阅到相关文档。

  • 是否支持纵横比锁定;
  • 如何调整大小;

等等

我在ArkUI范式下的开发文档中没找到。

HarmonyOS 鸿蒙Next应用开发不内置图标资源

在HarmonyOS(鸿蒙)Next的应用开发中,系统本身并不内置应用的图标资源。开发者需要自行设计并提供应用的图标资源。这些图标资源通常包括不同尺寸和密度的版本,以确保在不同设备和屏幕尺寸上都能有良好的显示效果。

开发者在设计图标时,需要遵循HarmonyOS的设计规范和图标风格指南,以确保应用图标的风格与系统整体风格保持一致。此外,还需要注意图标的可识别性和清晰度,以便用户能够快速识别并记住应用。

在开发过程中,开发者需要将设计好的图标资源添加到应用的资源文件中,并在应用的配置文件中指定默认图标。当用户安装应用时,系统会从应用的资源文件中提取图标并显示在设备的应用列表中。

如果开发者希望在应用内使用自定义图标(如在应用的某个页面或组件中使用特定的图标),同样需要自行提供这些图标的资源,并在代码中正确引用。

总之,HarmonyOS 鸿蒙Next应用开发不内置图标资源,开发者需要自行设计并提供符合规范和应用风格的图标资源。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部