SAP Fiori – 主题设计器
SAP Fiori – 主题设计器
UI 主题设计器是一种基于浏览器的工具,允许您通过修改 SAP 提供的主题模板之一来开发您的主题。
示例– 您可以更改配色方案,或添加您公司的徽标。该工具在您设计时提供主题的实时预览。
应用您的企业品牌并关注使用 SAP UI 技术构建的应用程序。UI 主题设计器是用于跨主题场景的基于浏览器的工具。通过修改 SAP 提供的主题模板之一,使用它轻松构建您的企业标识主题。例如,您可以更改配色方案,或添加您公司的徽标。该工具针对不同的用户群,包括开发人员、视觉设计师和管理员。
支持平台
- SAP NetWeaver 作为 ABAP(通过 UI Add-On 1.0 SP4)
- SAP NetWeaver Portal(7.30 SP10 及更高版本)
- SAP HANA 云(计划中)
- SAP NetWeaver 门户(7.02 计划)
主要特点和优势
主要特点和优点如下。
-
基于浏览器的图形 WYSIWYG 编辑器– 更改主题参数的值并立即查看它如何影响所选预览页面的可视化。
-
内置预览页面– 选择内置预览页面以查看自定义主题应用于应用程序时的外观。
-
应用程序预览– 示例:采购订单审批、SAP Fiori Launchpad
-
控制预览。
不同级别的主题
-
快速主题(基本的跨技术主题设置)。
-
专家主题(特定于技术的主题设置)。
-
手动 LESS 或 CSS 编辑。
-
用于重用的调色板 – 使用定义企业品牌的主要颜色值指定一组参数
-
跨技术主题 – 创建一个适用于各种 SAP UI 客户端和技术的一致主题。
-
SAPUI5 标准库(包括 SAP Fiori 应用程序和 SAP Fiori Launchpad)
-
统一渲染技术(例如 Web Dynpro ABAP 和 Floorplan Manager)
-
SAP NetWeaver 业务客户端
SAP UI Client | 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 中调用 Theme Designer?
登录到 SAP Fiori 前端服务器。
您可以使用 T-Code: Theme Designer或使用如下所示的快捷方式登录。
登录后,您将使用 SAP 为主题设计器提供的所有默认模板。选择默认主题并单击Open。
输入 Fiori Launchpad 链接和应用程序名称,然后单击添加。
在右侧,您可以选择颜色、字体、图像和其他属性。您可以编辑颜色,如下面的快照所示。
要保存主题,请单击保存图标,如下所示。您还可以选择保存和构建选项。
一旦您选择Save and Build,它将开始保存,一旦完成,您将收到确认保存并构建完成。
要获取此自定义主题的链接,请使用T-code:theme_tool。
选择您创建的主题,然后单击信息选项卡。
使用 Ctrl+Y 从屏幕复制 URL 并记下。