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 元素的应用程序 –

  • HTML岛

  • HTML 容器

  • 图表

  • 闪光岛

  • 银光岛

  • 商业图形

  • 自 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 桌面版(4.0 或更高版本) – 您可以将 NWBC 外壳和概览页面(索引页、新标签页、服务地图)设为主题。

  • NWBC for HTML (3.6) – 您可以主题化服务地图。外壳不能被主题化。

如何在 SAP Fiori 中调用 Theme Designer?

登录到 SAP Fiori 前端服务器。

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

UI主题设计师

登录后,您将使用 SAP 为主题设计器提供的所有默认模板。选择默认主题并单击Open

SAP 主题设计师

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

添加目标内容

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

编辑颜色

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

保存和构建

一旦您选择Save and Build,它将开始保存,一旦完成,您将收到确认保存并构建完成。

保存和构建窗口

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

主题工具

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

信息标签

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

网址

觉得文章有用?

点个广告表达一下你的爱意吧 !😁