亲爱的读者，

在本文中，我将介绍如何在一个简单的独立SAPUI5应用程序中使用Fiori和business suite图标。

在SAPUI5 DemoKit中，当我们转到tools，然后转到Icon Explorer时，我们会看到下面的屏幕。

基本上有三个选项：

SAP图标SAP Fiori工具（Fiori图标）SAP Business Suite（Business Suite图标）

这三个库包含一个巨大的图标库，我们可以在UI5/Fiori应用程序中使用这些图标。在开始之前，让我们先看看上面每个库提供的图标选择。

SAP图标：

它使用库"SAP图标"。它们在UI5库中随时可用，大数据怎么样，可以直接在我们的UI5应用程序中使用。

SAP Fiori工具图标：

它使用SAP-icon://SAP icons TNT库。

SAP Business Suite图标：

使用SAP-icon://BusinessSuiteInAppSymbols库。

现在，我们将了解如何在SAPUI5应用程序中使用这些图标。首先，创建一个空的SAPUI5应用程序（可以使用WebIDE、Eclipse或visualstudio等任何工具）。创建一个视图和一个控制器。

在这个应用程序中，为了演示用法，我们将使用一个按钮和按钮的图标属性。

转到应用程序的视图并添加以下代码：

现在，运行索引.html文件。输出如下：

在这里我们可以看到我们从SAP图标库中添加的图标，它们直接显示在按钮中。

此外，现在将以下代码添加到视图中以获取SAP Fiori图标和SAP Business Suite图标。

现在保存视图并运行应用程序。输出应该类似于下图：

这里，我们可以看到，按钮和它们各自的文本已经加载，但是图标没有加载。这只发生在Fiori和Business Suite图标的情况下。SAP图标已正确加载。

出现此问题是因为与SAP图标不同，Fiori图标和Business Suite图标使用的库不同，需要分别加载和初始化。

要解决此问题，大淘客，我们可以按照以下步骤进行：

初始化字体系列和URI（可以在控制器的oninit或组件文件中进行）：Fiori图标：字体系列：SAP icons TNTURI:sap/tnt/themes/base/fonts/SAP Business Suite图标：字体系列：BusinessSuiteInAppSymbolsURI:sap/ushell/themes/base/fonts/将上述字体注册到图标池（sap/ui/core/IconPool）在视图中，红淘客，使用指定的名称空间访问图标。

如上所述，步骤1和2可以在组件.js文件或控制器文件中，具体取决于应用程序的要求和图标的位置。在这种情况下，企业管理软件公司，我们应该将代码放在控制器本身中。

因此，在我们的控制器中，我们可以放置以下代码（在onInit函数中）。

最后，我们的控制器（添加依赖项后）应该是这样：

现在，保存文件并刷新应用程序。我们看到下面的屏幕：

现在我们可以看到，现在Fiori和Business Suite图标也加载了。

注意：

根据系统中加载的SAPUI5版本，上述过程可能是不必要的。如果应用程序使用的是更高版本的SAPUI5、1.75.0或更高版本，并且应用程序使用组件.jsi、 e.在Fiori启动板中，Business Suite和Fiori图标可能会出现，而无需在控制器中添加任何额外代码。

有关此概念的更多详细信息，请浏览以下链接：

https://sapui5.hana.ondemand.com/sdk/#/topic/21ea0ea94614480d9a910b2e93431291

https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#

在SAPUI5中添加第三方/自定义图标-https://blogs.sap.com/2015/11/02/enhance-ui5-app-with-custom-icon-fonts/

请请随时在评论中提出任何疑问/问题。

，云服务器哪个好