SAP Fiori 主題設計器

UI 主題設計器是一個基於瀏覽器的工具，允許您透過修改 SAP 提供的主題模板之一來開發您的主題。

示例 -您可以更改配色方案，或新增您公司的徽標。該工具在您設計時提供主題的即時預覽。

將您的企業品牌和外觀應用於使用 SAP UI 技術構建的應用程式。UI 主題設計器是一個基於瀏覽器的工具，用於跨主題場景。透過修改 SAP 提供的主題模板之一，輕鬆構建您的企業標識主題。例如，您可以更改配色方案或新增您公司的徽標。該工具面向不同的使用者群體，包括開發人員、視覺設計師和管理員。

支援的平臺

• SAP NetWeaver as ABAP（透過 UI Add-On 1.0 SP4）
• SAP NetWeaver Portal（7.30 SP10 及更高版本）
• SAP HANA Cloud（計劃中）
• SAP NetWeaver Portal（7.02 計劃中）

關鍵特性和優勢

關鍵特性和優勢如下所示。

• 基於瀏覽器的圖形化所見即所得編輯器 -更改主題引數的值，並立即檢視它如何影響所選預覽頁面的視覺化效果。

• 內建預覽頁面 -選擇內建預覽頁面以檢視自定義主題應用於應用程式時的外觀。

• 應用程式預覽 - 例如：採購訂單審批，SAP Fiori 啟動板

• 控制元件預覽.

不同級別的主題

• 快速主題設計（基本的跨技術主題設定）。

• 專家主題設計（特定於技術的主題設定）。

• 手動 LESS 或 CSS 編輯。

• 可重用的調色盤 -使用定義您企業品牌的主題顏色值指定一組引數

• 跨技術主題設計 -建立一個一致的主題，應用於各種 SAP UI 客戶端和技術。

• SAPUI5 標準庫（包括 SAP Fiori 應用程式和 SAP Fiori 啟動板）

• 統一渲染技術（例如 Web Dynpro ABAP 和 Floorplan Manager）

• SAP NetWeaver Business Client

如何在 SAP Fiori 中呼叫主題設計器？

登入到 SAP Fiori 前端伺服器。

您可以使用 T-Code：主題設計器或使用如下所示的快捷方式並登入。

登入後，您將看到 SAP 為主題設計器提供的所有預設模板。選擇預設主題並單擊開啟。

輸入 Fiori 啟動板連結和應用程式名稱，然後單擊新增。

在右側，您可以選擇顏色、字型、影像和其他屬性。您可以編輯如下快照中所示的顏色。

要儲存主題，請單擊如下所示的儲存圖示。您還可以選擇儲存並構建選項。

選擇儲存並構建後，它將開始儲存，完成後，您將收到“儲存並構建完成”的確認資訊。

要獲取此自定義主題的連結，請使用T-code：theme_tool。

選擇您建立的主題，然後單擊“資訊”選項卡。

使用 Ctrl+Y 從螢幕複製 URL 並記下它。