【问题标题】:where are the SAPUI5 icons stored?SAPUI5 图标存储在哪里?
【发布时间】:2021-07-05 16:14:08
【问题描述】:

我有一个基于 SAPUI5 的应用程序,我在其中使用 SAP 站点 https://sapui5.hana.ondemand.com/iconExplorer.html 下图标的 URL 设置按钮图标。

示例代码

<Button id="excel" text="Excel" icon="sap-icon://excel-attachment" type="Accept" enabled="false" press="onDataExport"/>

现在我们必须迁移到无法使用这些 url 的不同环境。我们下载了 SAPUI5 api 并在应用程序中远程引用它。我查看了文件夹,但找不到这些图标的存储位置。有谁知道我在哪里可以找到 api 文件夹中的 sap 图标?假设它们存储在那里。如果没有,有没有办法获取这些图标以便我可以将它们存储在本地?

【问题讨论】:

    标签: sapui5


    【解决方案1】:

    是的。它们是https://sapui5.hana.ondemand.com/resources/sap/ui/core/themes/base/fonts/SAP-icons.ttf 的字体

    如果您检查https://sapui5.hana.ondemand.com/resources/sap/ui/core/IconPool-dbg.js,您可以看到图标名​​称和代表“SAP-icons”字体中图标字符代码的数值之间的映射。

    您还可以查看 blog 了解 UI5 图标映射逻辑并引用 here 关于字体。

    “字体是图像的矢量表示,而不是 GIF、JPEG 或 PNG 等二进制文件。这意味着它们可以调整到任何尺寸而不会损失质量。”

    谢谢!

    【讨论】:

      【解决方案2】:

      SAPUI5 中的图标以字体形式存储:字体名称为 SAP-icons.ttf。如果您在系统上安装字体,您可以检查字符映射并查看不同的图标。

      【讨论】:

        【解决方案3】:

        如果你想要一个图标列表,你可以打电话给sap.ui.core.IconPool.getIconNames()

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2011-07-27
          • 1970-01-01
          • 2021-05-12
          • 2015-06-29
          • 1970-01-01
          • 1970-01-01
          • 2019-05-13
          • 1970-01-01
          相关资源
          最近更新 更多