Fiori中的图标是如何呈现的

当您创建一个新按钮并为其分配一个图标时，您无法确切知道"添加"图标的外观。

即使您在launchpad designer中使用星形符号，仍然无法方便地找到此添加图标。

由于F4帮助中列出了所有图标，因此没有过滤器这里：

我们可以使用这个有用的工具高效地找到您需要的图标：

目前有535个可用的图标。

我们可以通过搜索按钮轻松地找到我们需要的图标。

在页面的右下角，有一个id"e000"显示图标"意外离开"。我们会在这个博客的最后部分解释这个id的含义。

原来我以为所有图标的二进制内容都存储在服务器端。在运行时，top返利，当要呈现一个图标时，我的云，会进行转换，传输内部url，如"sap"-图标：//XXX"绝对路径"https://XXXX指向存储在服务器中的图标。但是我错了

图：传统的图片在Fiori中是如何显示的

如果你使用Chrome开发工具中的元素检查功能，智慧农业物联网系统，你会发现最终的html源代码中对应的html元素中没有src这样的属性。相反，它有一个由SAP定义的属性，似乎与图像内容有关：data SAP ui icon content.

当图标要在ui中显示时，大数据分析是什么，此属性的值由IconRenderer填充。变量oIconInfo.content文件存储实际值。

检查此js文件的源代码，spark大数据，其中所有支持的图标及其图标名称和图标代码都是硬编码的。

因此我们在图标浏览器页面中找到的图标"意外离开"的图标id e000就是其硬编码的对应代码图标工具.js.