开发手册 欢迎您!
软件开发者资料库

SAP UI5 - 主题

SAP UI5主题 - 从简单和简单的步骤学习SAP UI5,从基本概念到高级概念,包括概述,架构,关键组件,控制库,开发工具包,MVC概念,视图,Developer Studio,创建UI5项目,控件,数据绑定,设计模式,模块化,本地化,记事本控件,扩展应用程序,主题,移动,在Web IDE中创建项目。

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已计划)

主要功能和优势

  • 基于浏览器的图形WYSIWYG编辑器 : 更改主题参数的值,并立即看到它如何影响所选预览页面的可视化.

  • 内置预览页面 去;选择内置预览页面,以查看自定义主题应用于应用程序时的外观 :

    • 应用程序预览(示例:采购订单批准,SAP Fiori Launchpad)

    • 控制预览

  • 不同级别的主题 去;

    • 快速主题(基本的跨技术主题设置)

    • 专家主题(技术专用主题设置)

    • 手动少或CSS编辑

  • 重复使用的调色板 : 指定一组参数,其主要颜色值定义您的公司品牌.

  • 跨技术主题 : 创建一个适用于各种SAP UI客户端和技术的一致主题 :

    • SAPUI5标准库(包括SAP Fiori应用程序和SAP Fiori Launchpad)

    • 统一渲染技术(例如Web Dynpro ABAP和Floorplan Manager)

    • SAP NetWeaver业务客户端

SAP UI客户端UI部分可以为主题
Web Dynpro ABAP

您可以使用主题应用程序不使用以下UI元素:

  • HTMLIsland

  • HTMLContainer

  • 图表

  • FlashIsland

  • SilverlightIsland

  • BusinessGraphics

您只能使用Web Dynpro ABA的UI主题设计器创建的主题自SAP NetWeaver 7.0起的P应用程序EHP2

楼层平面图经理Web Dynpro ABAP(FPM)您可以使用不使用HTMLIslands或图表UIBB的主题应用程序
SAPUI5您可以使用主题SAP标准库.自定义SAPUI5库不能为主题
SAP NetWeaver业务客户端(NWBC)

NWBC for Desktop(4.0或更高版本):您可以主题NWBC shell和概述页面(索引页面,新标签页,服务地图).

NWBC for HTML(3.6):您可以主题服务地图. shell不能是主题.

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

第1步 : 登录SAP Fiori前端服务器.您可以使用 T-Code:Theme Designer 或使用以下屏幕截图中显示的快捷方式登录.

SAP轻松访问

第2步 : 登录后,您将拥有SAP for Theme Designer提供的所有默认模板.选择默认主题,然后单击"打开".

SAP ALL

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

添加目标内容 SAP UI5 Target

第4步 : 从屏幕面板的右侧,您可以选择颜色,字体,图像和其他属性.您可以编辑颜色,如以下屏幕截图所示.

Custom Blue Crystal 预览

第5步 : 要保存主题,可以单击"保存"图标,如以下屏幕截图所示.您还可以选择保存和构建选项.

保存主题

点击Save and Build后,它将开始保存,完成后,您将收到一条确认消息 -  Save and Build completed.

保存并生成

第6步 : 要获取此自定义主题的链接,请使用以下屏幕截图中显示的T代码 :

Fiori服务器

第7步 : 选择您创建的主题,然后单击"信息"选项卡.

Info Tab

第8步 : 使用Ctrl + Y从屏幕复制URL并记下这一点.

Screen

支持的主题

这些是UI5附带的默认主题;

  • 蓝水晶

  • 黄金反思

  • 手机视觉识别

  • 高对比度黑色

支持的主题

图表类型

sap.viz.ui5图表库中有各种图表类型,可用于表示业务数据.以下是一些CVOM图表类型 -  Column,Bubble,Line,Pie等.

图表类型 CVOM Charts