SAP Fiori 主题设计器

UI 主题设计器是一种基于浏览器的工具,让您可以通过修改 SAP 提供的主题模板之一来开发主题。

例如,您可以更改配色方案,或添加公司徽标。该工具在您设计时提供主题的实时预览。

应用您的企业品牌,关注使用 SAP UI 技术构建的应用程序。UI 主题设计器是一种基于浏览器的工具,用于跨主题场景。通过修改 SAP 提供的主题模板,使用它轻松构建企业标识主题。例如,您可以更改配色方案,或添加公司的徽标。该工具针对不同的用户群体,包括开发人员、视觉设计师和管理员。


支持的平台

  • SAP NetWeaver as ABAP (via UI Add-On 1.0 SP4)
  • SAP NetWeaver Portal (7.30 SP10 and higher version)
  • SAP HANA Cloud (Planned)
  • SAP NetWeaver Portal (7.02 Planned)

主要功能和优点

主要功能和优点如下所示:

  • 基于浏览器的图形所见即所得编辑器 - 更改主题参数的值,并立即查看其如何影响所选预览页面的可视化。
  • 内置预览页面 − 选择内置预览页面以查看自定义主题应用于应用程序时的外观。
  • 应用程序预览 - 示例:采购订单批准,SAP Fiori Launchpad
  • 控件预览。
主题的不同层次
  • 快速主题设置(基本的跨技术主题设置)。
  • 专家主题(技术特定主题设置)。
  • 手动 LESS 或 CSS 编辑。
  • 可重复使用的调色板 - 使用定义公司品牌的主颜色值指定一组参数
  • 跨技术主题化 - 创建一个适用于各种 SAP UI 客户端和技术的一致主题。
  • SAPUI5 标准库(包括 SAP Fiori 应用程序和 SAP Fiori Launchpad)
  • 统一渲染技术(如 Web Dynpro ABAP 和 Floorplan Manager)
  • SAP NetWeaver Business 客户端
SAP UI 客户端UI 部件可以主题化
Web Dynpro ABAP

您可以为不使用以下 UI 元素的应用程序设置主题 −

  • HTML Island

  • HTML Container

  • Chart

  • Flash Island

  • Silver Light Island

  • Business Graphics

  • 自 SAP NetWeaver 7.0 EHP2 起,您只能使用 UI 主题设计器为 Web Dynpro ABAP 应用程序创建的主题。

Floorplan Manager for Web Dynpro ABAP (FPM)您可以为不使用 HTML Islands 或图表 UIBB 的应用程序设置主题
SAPUIS您可以设置 SAP 标准库的主题自定义 SAPUI5 库无法设置主题。
SAP NetWeaver Business Client (NWBC)
  • NWBC for Desktop (4。0 or higher) − 您可以为 NWBC shell 和概述页面(索引页面、新选项卡页面、服务地图)设置主题。

  • NWBC for HTML (3。6) − 您可以设置服务地图的主题,但 shell 无法主题化。


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

登录 SAP Fiori 前端服务器。

您可以使用 T-Code: Theme Designer 或使用如下所示的快捷方式登录。

登录后,您将看到 SAP 为 Theme Designer 提供的所有默认模板。选择默认主题并单击 Open

输入 Fiori Launchpad 链接和应用程序的名称,然后单击 ADD

从右侧,您可以选择颜色、字体、图像和其他属性。您可以编辑颜色,如下图所示。

要保存主题,请单击保存图标,如下所示。您还可以选择保存和生成选项。

一旦您选择 Save and Build, 它将开始保存,一旦完成,您将得到保存和生成完成的确认。

要获取此自定义主题的链接,请使用 T-code:theme_tool

选择您创建的主题,然后单击 info 选项卡。

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