Question

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

启动板中所选主题是否会影响我的应用，还是会完全显示为实施（只有伯利兹主题）？
我应该自定义CSS吗？
我看到了标准#EBEBEB背景的应用程序和带有图片背景的其他应用程序。这取决于什么？

感谢您的帮助！

Answer 1

启动板中所选主题是否会影响我的应用，还是会完全按实施方式显示（仅限伯利兹主题）？

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

我应该自定义CSS吗？

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

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

这可能是由于自定义主题导致的自定义CSS。您必须查看“开发人员”工具＆＃39;确定。

Answer 2

如果您使用Fiori Launchpad（FLP），您有2个选项。

[最常见的＆amp;建议]配置磁贴以打开调用Component.js文件的应用程序
配置磁贴以打开index.html文件（UI5独立配置）

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

"supportedThemes": [
    "sap_bluecrystal"
]

更多信息in this link

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

最常见的＆amp;简单来说，您可以在整个FLP中应用自定义主题，并配置应用程序以使用它。

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

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

SAP Fiori / UI5应用程序的设计

2 个答案: