sapui5 - 要将新图标添加到OpenUI5吗？

Question

我们需要向OpenUI5添加新图标。
图标已经定义为基于矢量的字体。

我知道可以通过https://icomoon.io/之类的服务将图标添加到SAP标准字体中。但是，我希望能够将它们保存在单独的文件中(这样，当新的OpenUI5版本到来时，我们就不必重做任务)。

是否可以定义用于图标的其他字体？

Answer 1

正如您已经提到的，出于将来兼容性的原因，扩展UI5字体不是一个好主意。如果您已经拥有自己的字体，则可以轻松地在UI5中注册它，并使用类似的url-schema进行引用。除了sap-icon://funny-icon，您还可以说sap-icon://dparnas-icon/funny-icon。

这是一个示例实现:

jQuery.sap.require("sap.ui.core.IconPool");
jQuery.sap.require("sap.ui.thirdparty.URI");

(function() {
  var aIconNames = [ "funny-icon", "another-icon" ], // the icon names
    sCollectionName = "dparnas-icon", // the collection name used in the url-schema
    sFontFamily = "DarnasIcons", // the icon font family like defined in your css
    aIconContents = [ "E003", "E004" ]; // the unicode characters to find aIconNames under, same order

  // add the icons the your icon pool
  for (var i = 0; i < aIconNames.length && i < aIconContents.length; i++) {
    sap.ui.core.IconPool.addIcon(
      aIconNames[i], 
      sCollectionName, 
      sFontFamily, 
      aIconContents[i]
    );
  }
}());

此外，您将必须在CSS中定义字体系列。而已!这很容易，但是很难找到;)