SAP Fiori/UI5应用程序设计

Question

我正在尝试开发我的第一个 SAP Fiori 应用程序。现在我有一些关于主题和背景的问题。在我的 index.html 中，sap_belize_plus 是选定的主题。在 SAP Fiori Launchpad 中，您可以在不同的 SAP 主题之间进行选择。

1. 在 Launchpad 中选择的主题是否会影响我的应用程序，或者它会完全显示为 已实施（仅伯利兹主题）？
2. 我应该自定义 CSS 吗？
3. 我看到具有标准#EBEBEB 背景的应用程序和其他具有图片背景的应用程序。这取决于什么？

感谢您的帮助！

Answer 1

1. 在 Launchpad 中选择的主题是否会影响我的应用程序，还是会完全按照实现的方式显示（仅伯利兹主题）？

是的。从 Launchpad 中选择的主题将被使用。 （不是您的 index.html 中的那个）

我应该自定义 CSS 吗？

最好不要。您应该创建一个自定义主题（从复制标准开始）并尝试使用该主题实现您想要的结果。 CSS 应该是你最后的选择。

我看到了具有标准 #EBEBEB 背景的应用和其他具有 图片背景。这取决于什么？

这可能是由于自定义 CSS 或自定义主题所致。您必须查看“开发者工具”才能确定。

Answer 2

如果您使用 Fiori Launchpad (FLP)，您有 2 个选项。

1. [最常见和推荐] 配置您的磁贴以打开调用 Component.js 文件的应用
2. 配置磁贴以打开 index.html 文件（UI5 独立配置）

在选项 1 中，不使用您应用的 index.html 文件。 FLP 扮演 index.html 文件的角色，应用程序使用基于 JS 的导航（哈希导航）加载到 FLP 的 ComponentContainer 中。 因此，在默认应用配置中，您在 FLP 中使用的主题将是您的应用中使用的主题。 此外，您可以在描述符文件中配置您的应用程序支持的主题，设置属性

"supportedThemes": [
    "sap_bluecrystal"
]

更多信息in this link

在选项 2 中，应用程序将在新标签页中打开，调用 index.html 文件，因此它将使用您在 index.html 文件中配置的主题强>。

以最常见和最简单的方式，您在整个 FLP 中应用您的自定义主题并配置您的应用以使用它。

我认为在开始编写 CSS 代码之前，您应该先阅读有关 Theme Designer 的内容

此外，如果您只想添加几个 CSS 类，请阅读this