SAP UI5 应用指定主题 theme 的几种方式和其优先级

您可以在引导程序中、使用 URL 参数或使用方法 sap.ui.getCore.applyTheme 等多种方式，来定义 SAP UI5 应用程序使用哪个主题。

初始主题可以硬编码在应用程序中（在加载 SAPUI5 的引导程序的脚本标签中）或在加载 SAPUI5 之前定义的 JS 配置对象中，例如：

<script id="sap-ui-bootstrap" type="text/javascript"src="resources/sap-ui-core.js"data-sap-ui-theme="sap_belize">
</script>

这种方式的优先级最低。

启动 SAPUI5 应用程序时可以使用 URL 参数（例如：html?sap-ui-theme=sap_belize）来设置或覆盖初始主题。

如果您使用 UI 主题设计器来定义自己的自定义主题，则可以将自定义主题的位置作为服务器相对路径附加到 sap-ui-theme 参数中，并用 @ 符号分隔：

http://myserver.com/sap/myapp/?sap-ui-theme=my-theme@/sap/public/bc/themes/~client-111

尽管可以指定完整的 URL，但框架将仅使用 URL 的路径信息来防止基于 CSS 的攻击，否则这些攻击可能会通过从恶意服务器引用 CSS 来实现。例如，在更复杂的环境中，如果 UI 主题设计器的基础结构在单独的服务器上运行，则可以使用 Web 调度程序将两个服务器合并到一个命名空间中，或者您应该使用 sap 方法设置完整的 URL。 ui.getCore.applyTheme 用于自定义应用程序，如下所述。

第三种方式是，您可以使用 sap.ui.getCore.applyTheme 方法动态切换主题。应用程序状态不会丢失，并且没有服务器往返（除了加载 CSS，如果没有缓存）。仅交换样式表。

SAP UI5 应用指定主题 theme 的几种方式和其优先级相关推荐

SAP UI5 图片显示控件 Avatar 的使用方式介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
关于 SAP UI5 Table 控件中行合并的实现方式
有朋友在我的技术交流群里询问这个问题:如何在 SAP UI5 表格控件里,实现行合并和列合并的效果: 行合并相对来说容易实现: SAP UI5 官方网站上,有现成的实现. 起作用的是 Column t ...
108. SAP UI5 图片显示控件 Avatar 的使用方式介绍
本教程的前一步骤,SAP UI5 应用开发教程之一百零七 - SAP UI5 OverflowToolbar 容器控件以及 resize 事件处理的一些细节介绍完成后,我们得到了一个经典的 Maste ...
python绘图颜色代码大全_matplotlib指定绘图颜色的八种方式——python篇
在使用matplotlib的pyplot库进行绘图时,经常会发现各种开源代码指定"color"的方式并不一致.通过查阅官方资料[1],发现共有8种指定color的方式.8种方式如下 ...
iOS-抠图：去除图片中指定范围颜色的三种方式
实际项目场景:去除图片的纯白色背景图,获得一张透明底图片用于拼图功能下面介绍两种途径的三种处理方式(不知道为啥想起了孔乙己),具体性能鶸并未对比,如果有大佬能告知,不胜感激. Core Image ...
SAP UI5里使用jQuery.ajax采用同步的方式读取数据
源代码: <!DOCTYPE html> <html> <head><meta http-equiv="X-UA-Compatible" ...
SAP中 ABAP 中跳转到指定事务代码界面2种方式
第一种:调用 TH_CREATE_MODE SET PARAMETER ID 'AUN' FIELD '1'. CALL FUNCTION 'TH_CREATE_MODE' EXPORTING ...
分布式文档系统-document id的手动指定与自动生成两种方式解析(来自学习笔记：龙果学院ES课程)
1.手动指定document id (1)根据应用情况来说,是否满足手动指定document id的前提: 一般来说,是从某些其他的系统中,导入一些数据到es时,会采取这种方式,就是使用系统中已有数据 ...
SAP CRM和C4C数据同步的两种方式概述:SAP PI和HCI
SAP Cloud for Customer(C4C)和SAP其他传统产品进行数据同步的方式,如下图所示,可以使用SAP Netweaver Process Integration或者SAP HANA ...

SAP UI5 应用指定主题 theme 的几种方式和其优先级

SAP UI5 应用指定主题 theme 的几种方式和其优先级相关推荐

最新文章

热门文章