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 元素的应用程序设置主题 −
|
Floorplan Manager for Web Dynpro ABAP (FPM) | 您可以为不使用 HTML Islands 或图表 UIBB 的应用程序设置主题 |
SAPUIS | 您可以设置 SAP 标准库的主题自定义 SAPUI5 库无法设置主题。 |
SAP NetWeaver Business Client (NWBC) |
|
如何在 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 并记下。