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 文件。 扮演index.html 文件角色的是FLP，使用基于JS 的导航（哈希导航）将应用程序加载到FLP 的ComponentContainer 中。 因此，在默认应用配置中，您在 FLP 中使用的主题将是您的应用中使用的主题。 此外，您可以在描述符文件中配置哪些是您的应用程序支持的主题，设置属性

"supportedThemes": [
    "sap_bluecrystal"
]

此链接中的更多信息

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

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

我认为你应该在开始编写 CSS 代码之前开始阅读Theme Designer

此外，如果您只想添加一些 CSS 类，请阅读此内容