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 UI 客户端	UI 部件可以设置主题
Web Dynpro ABAP	您可以为不使用以下 UI 元素的应用程序设置主题： HTML 嵌入 HTML 容器图表 Flash 嵌入 Silver Light 嵌入业务图形截至 SAP NetWeaver 7.0 EHP2，您只能为 Web Dynpro ABAP 应用程序使用 UI 主题设计器创建的主题。
用于 Web Dynpro ABAP (FPM) 的 Floorplan Manager	您可以为不使用 HTML 嵌入或图表 UIBB 的应用程序设置主题
SAPUIS	您可以为 SAP 标准库设置主题。无法为自定义 SAPUI5 库设置主题。
SAP NetWeaver Business Client (NWBC)	桌面版 NWBC (4.0 或更高版本) -您可以为 NWBC shell 和概述页面（索引页、新选项卡页、服务地图）设置主题。 HTML 版 NWBC (3.6) -您可以为服务地图设置主题。shell 无法设置主题。

如何在 SAP Fiori 中调用主题设计器？

登录到 SAP Fiori 前端服务器。

您可以使用 T-Code：主题设计器或使用如下所示的快捷方式并登录。

UI Theme Designer

登录后，您将看到 SAP 为主题设计器提供的所有默认模板。选择默认主题并单击打开。

SAP for Theme Designer

输入 Fiori 启动板链接和应用程序名称，然后单击添加。

Add Target Content

在右侧，您可以选择颜色、字体、图像和其他属性。您可以编辑如下快照中所示的颜色。

Edit Colors

要保存主题，请单击如下所示的保存图标。您还可以选择保存并构建选项。

Save and Build

选择保存并构建后，它将开始保存，完成后，您将收到“保存并构建完成”的确认信息。

Save and Build Window

要获取此自定义主题的链接，请使用T-code：theme_tool。

Theme Tool

选择您创建的主题，然后单击“信息”选项卡。

Info Tab

使用 Ctrl+Y 从屏幕复制 URL 并记下它。

URL

打印页面

广告