繁体   English   中英

在 SAP Fiori 启动板中使用自定义图标/字体

[英]Using custom icons/font in SAP Fiori launchpad

我正在寻找一种方法来使用 Fiori Launchpad 中已有的自定义图标字体。

我找到了一种使用UI 主题设计器的方法: https ://blogs.sap.com/2015/12/19/custom-icons-in-fiori-launchpad/。 但据我了解,这些图标仅适用于自定义主题。

我正在寻找一种方法来注册我自己的字体,以便图标可用,类似于Fiori 启动图标

看起来它们存储在此处: /UI5/sap/ushell/themes/base/fonts/并由默认主题引用,例如此处: /UI5/sap/fiori/themes/sap_bluecrystal/library.css

@font-face {
  font-family: 'Fiori2';
  src: url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.eot");
  src: url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.eot?#iefix") format('embedded-opentype'), url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

这些图标也可按名称在Fiori Launchpad Designer (FLPD) 的“图标”选择器中使用。 所以问题是:

  1. 是否可以使用类似于现有字体的自己的字体?
  2. 如果是这样,字体应该放在哪里以及如何放置?
  3. 如果是这样,应该在哪里以及如何定义图标名称,以便可以像这样使用它们: "sap-icon://myNameSpace/iconname"

我已经知道如何使用sap/ui/core/IconPool在我自己的应用程序中执行此操作(供参考: https ://ui5.sap.com/#/topic/21ea0ea94614480d9a910b2e93431291)。 但是如何在 Fiori Launchpad / Fiori Launchpad Designer中的标准主题中做到这一点?

通过定义自定义图标字体并替换启动板按钮中的图标,可以部分解决此问题。 我已经为自定义图标创建了一个SAP Fiori Launchpad插件 主要问题在于,并非所有图标(即me区域中的图标)都可以通过这种方式进行更改。 我已经发布了一个新问题,即使用SAP Community中的“ 自定义图标”替换“ SAP Cloud Platform Portal服务启动板中的SAP 图标 ”。 期待获得帮助。

Fiori 设计指南明确警告不要在 Fiori 启动板中使用自定义图标,例如Tiles

  • 我们已决定停止为单个应用程序创建独特的启动图标。 为每个应用程序创建一个独特的图标在图标和制作方面过去和现在都不可扩展 [...]。
  • 没有 SAP Fiori ID 的项目不会获得单独的图标。
  • 不要开发自己的图标或使用自定义图标。

因此,目前没有公共 API 或文档化解决方案来为 FLP 提供自定义图标。

更新:找到了注释 2411631 ,它说的几乎一样:

目前没有官方支持的方法可以将自定义图标添加到 Launchpad 以用于创建磁贴。

以及 Thorsten Dencker 的声明

SAP Theme Designer 正式支持更改图标字体。
[...] 自定义 CSS 的问题无法通过正常的支持流程处理。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM