Sapui5 是否向OpenUI5添加新图标?

Sapui5 是否向OpenUI5添加新图标?,sapui5,Sapui5,我们需要向OpenUI5添加新图标。 图标已定义为基于矢量的字体 我知道可以通过类似的服务将图标添加到SAP标准字体中。但是,我希望能够在一个单独的文件中维护它们(这样,当新的OpenUI5版本出现时,我们就不需要重做任务) 是否可以定义用于图标的其他字体?正如您已经提到的,出于将来兼容性的原因,扩展UI5字体不是一个好主意。如果您已经有了自己的字体,您可以很容易地将其注册到UI5中,并使用类似的url模式引用它。而不是sap-icon://funny-icon你可以说sap-icon://dp

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

我知道可以通过类似的服务将图标添加到SAP标准字体中。但是,我希望能够在一个单独的文件中维护它们(这样,当新的OpenUI5版本出现时,我们就不需要重做任务)


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

正如您已经提到的,出于将来兼容性的原因,扩展UI5字体不是一个好主意。如果您已经有了自己的字体,您可以很容易地将其注册到UI5中,并使用类似的url模式引用它。而不是
sap-icon://funny-icon
你可以说
sap-icon://dparnas-icon/funny-icon

下面是一个示例实现:

jQuery.sap.require(“sap.ui.core.iconpol”);
jQuery.sap.require(“sap.ui.thirdparty.URI”);
(功能(){
var aIconNames=[“有趣的图标”,“另一个图标”],//图标名称
sCollectionName=“dparnas icon”,//url架构中使用的集合名称
sFontFamily=“DarnasIcons”,//在css中定义的类似图标的字体系列
aIconContents=[“E003”,“E004”];//查找aIconNames的unicode字符,顺序相同
//将图标添加到图标池中
对于(var i=0;i

此外,您还必须在CSS中定义字体系列。就这样!很容易找到,但很难找到;)

我尝试在我的应用程序中添加图标,希望这能帮助您生成和使用自定义图标

 @font-face {  
  font-family: 'fontAwesome';  
  src:url('./css/font-awesome/fonts/fontawesome-webfont.eot?5qvb9g');  
  src:url('./css/font-awesome/fonts/fontawesome-webfont.eot?5qvb9g#iefix') format('embedded-opentype'),  
  url('./css/font-awesome/fonts/fontawesome-webfont.ttf?5qvb9g') format('truetype'),  
  url('./css/font-awesome/font-awesome/fonts/fontawesome-webfont.woff?5qvb9g') format('woff'), 
  url('./css/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');       
  font-weight: normal;  
  font-style: normal;  
}  
[class^="icon-"], [class*=" icon-"] {  
  font-family: 'fontAwesome';  
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}  
.icon-bell:before {  
  content: "\f0f3";  
}

//initialize the icon in Init()
sap.ui.getCore().attachInit(function () {
  //sap.ui.core.IconPool.addIcon(iconName, collectionName, font-family, unicode char code )//icon definition 
  sap.ui.core.IconPool.addIcon('register', 'customfont', 'fontAwesome', 'f0f3'); //adding new icon
})   

//Using the icon
sap-icon://customfont/bell

谢谢,现在已经实现了。新图标的图标路径是sap-icon://dparnas-icon/funny-icon (我原以为是德帕纳斯-icon://funny-icon)嗯,我搞错了。。。只是从我的记忆中写下,不再尝试。。。我已经相应地编辑了我的答案。