云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

百度云_阿里云https_免费

小七 141 0

在SAP云平台中使用Theme Designer一步一步地设计样式

简介

在本博客中,我们将了解如何在SAP云平台中为应用程序创建自定义主题我们还将看到主题设计器的概述,以及如何将其用于定制的SAPUI5应用程序。

步骤1:在WebIDE中注册主题设计器并将应用程序部署到SCP

1。在WebIDE中注册主题设计器。在cockpit->Subscriptions->New Subscription.

Provider Subaccount->themedesigner(默认为)应用->主题设计师订阅->主题设计师

保存。它将显示为一个新的HTML应用程序

在routes中添加以下

主题设计器路径

{

"Path":"/themedesigner",物联网工程是什么,

"target":{

"type":"Application",

"name":"themedesigner"

},

"description":"主题设计器路径

},

应用程序路径

{

"Path":"/theme1",//WebIDE中的主题路径

"target":{

"type":"application",双线服务器租用,

"name":"theme1"//name of Theme

},

"description":"Route for Theme"

}

将应用部署到Hana云平台。无需在启动板上注册

第2步在主题设计器中创建新主题

进入驾驶舱->HTML5应用程序->获取应用程序的URL并在其上附加"主题设计师"

https://ztheme-p1941088635trial.dispatcher.hanatril.ondemand.com/themedesigner。

应用程序链接:

(从驾驶舱->HTML5获取应用程序的URL)应用程序->点击你的应用程序):

https://ztheme-p1941088635trial.dispatcher.hanatril.ondemand.com

应用程序名称:为您的应用程序命名,然后单击添加

除此之外,您还可以选择编辑一个标准的SAPUI5应用程序sapfiori Launchpad,探索的SAPUI5控件(单击SAPUI5应用程序预览)

您的控件预览和应用程序预览适用于WEBDynpro应用程序

第3步:使用主题设计器进行样式设置

样式设置有4个阶段

快速主题设置-对于大多数更改专家主题微调调色板-定义可重用的组织调色板CSS-添加自定义CSS(不推荐,因为版本升级需要手动编辑)

1.快速主题

您可以从右侧面板中为主要控件选择颜色。

它由

主颜色(在整个应用程序中使用)、Shell(启动板)、Group(面板、表等)、Tile(启动板tiles)、Application Background、Object header、List、,文本属性、图标属性、按钮、语义颜色(正、负、关键、信息)、滚动条、工具栏和可自定义的字段)。

2.专家主题

由元素的详细样式组成。比方说,我们考虑一个按钮,下面是几个可编辑的类:

3.调色板

在这里,返现,您可以定义一个调色板的颜色是特定于您的组织的主题,并给每种颜色的名称。在空文本框中添加新名称并单击"+"。从调色板中选择颜色

您可以参考此处提供的名称重用这些颜色。

步骤4:将主题应用到SCP应用程序

1.完成样式设置后,单击"主题"->"保存并发布"。

2.保存主题后,单击"主题"->"测试生成"。您可以通过选择主题->导出

3在本地保存主题。现在回到您的SCP驾驶舱并单击HTML5应用程序。您可以在这里看到您的主题,您在第二步中指定的名称在主题设计器中创建新主题。

4.在WebIDE中导入此应用程序。

注意:应用程序名称将与neo中提到的名称相同-应用程序.json第一步中的文件:在WebIDE中注册主题设计器并将应用程序部署到SCP.

5.主题应具有以下内容结构

检查库-参数.json此路径中的文件-主题1->UI5->ui->布局->主题->主题1->库-参数.json.

如果你找不到这个文件,从themedesigner再次执行测试生成。

在data sap ui主题中:添加主题ID,小程序建站,在data sap ui主题根中:添加主题应用程序根路径

{"":"///UI5/"}

:将主题从ui主题设计器导出到本地硬盘时提供的ID。:在应用程序的应用程序描述符文件中用于映射的应用程序路径,返利机器人怎么做,自定义主题应应用于该应用程序。请参见从SAPUI5应用程序访问自定义主题。:携带主题文件的应用程序的名称。