SAP UI5 - 主題

---

---

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

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

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

支援的平臺

• SAP NetWeaver 作為 ABAP（透過 UI 附加元件 1.0 SP4）
• SAP NetWeaver Portal（7.30 SP10 及更高版本）
• SAP HANA Cloud（已計劃）
• SAP NetWeaver Portal（7.02 已計劃）

關鍵特性和優勢

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

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

  • 應用程式預覽（例如：採購訂單審批、SAP Fiori Launchpad）

  • 控制元件預覽

• 不同級別的主題 -

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

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

  • 手動 LESS 或 CSS 編輯

• 可重複使用的調色盤 - 指定一組引數，其中包含定義您企業品牌的主題顏色值。

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

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

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

  • SAP NetWeaver Business Client

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

步驟 1 - 登入到 SAP Fiori 前端伺服器。您可以使用T 程式碼：主題設計器或使用以下螢幕截圖中所示的快捷方式並登入。

步驟 2 - 登入後，您將擁有 SAP 為主題設計器提供的全部預設模板。選擇預設主題並單擊“開啟”。

步驟 3 - 輸入 Fiori Launchpad 連結和應用程式名稱，然後單擊“新增”。

步驟 4 - 從螢幕右側的面板中，您可以選擇顏色、字型、影像和其他屬性。您可以編輯顏色，如以下螢幕截圖所示。

步驟 5 - 要儲存主題，您可以單擊以下螢幕截圖中所示的“儲存”圖示。您還可以選擇“儲存並構建”選項。

單擊“儲存並構建”後，它將開始儲存，完成後，您將收到一條確認訊息 - “儲存並構建已完成”。

步驟 6 - 要獲取此自定義主題的連結，請使用以下螢幕截圖中所示的 T 程式碼 -

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

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

支援的主題

這些是隨 UI5 提供的預設主題 -

• 藍色水晶
• 金色反射
• 移動視覺識別
• 高對比度黑色

圖表型別

sap.viz.ui5 圖表庫中有多種圖表型別可用於表示業務資料。以下是部分 CVOM 圖表型別 - 柱狀圖、氣泡圖、折線圖、餅圖等。