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 類，請閱讀此內容