关于javascript:关于使用-SAP-UI5-代码设置应用-theme-的技巧

32次阅读

共计 928 个字符,预计需要花费 3 分钟才能阅读完成。

咱们能够应用下图高亮的这行代码来设置利用的 theme:

sap.ui.getCore().applyTheme("sap_fiori_3");

这个办法应用给定名称利用主题,其具体实现形式是通过加载相应的样式表,这不会中断应用程序的失常执行。

默认状况下,主题文件应位于绝对于相应控件库的门路:

[libraryLocation]/themes/[themeName]

能够应用 setThemePath() 办法或 applyTheme() 的第二个参数 sThemeBaseUrl 来配置不同的地位。第二个参数的用法是 setThemePath 的简写,并在外部调用 setThemePath,因而主题地位是已知的。

sThemeBaseUrl 是一个 URL,用于指定所有主题文件的默认地位。此 URL 是管制库文件夹所在的根本文件夹。例如。如果 CSS 文件不是绝对于 UI5 的根地位,而是位于相似 http://my.server/myapp/resources/sap/ui/core/themes/my_theme/library.css 的地位,那么 URL 须要给出的是:

http://my.server/myapp/resources

而后从该文件夹上面加载所有主题资源 – 除非已注册某个库的不同地位。

如果主题资源不是全副位于此根本地位或它们各自的库中,则必须应用 setThemePath 来配置各个地位。

设置不同 theme 的重要性

如果对比度有余,有视力阻碍的人和在不太现实的状况下应用应用程序的人(显示器故障、阳光照耀屏幕、窗户反射)可能无奈轻松浏览文本。

施行新控件时,请思考增加对不同主题的反对并查看元素之间的色彩比照。UI 上显示的不同色彩须要相互之间具备良好的对比度,以便于辨别。

SAPUI5 在创立和应用不同的视觉设计(称为主题)时为开发人员提供反对,这些设计能够交替应用和动静切换。这样,同一个应用程序的外观可能会大不相同,具体取决于用户的设计偏好或可拜访性要求。现有主题能够作为新主题的根底,并且在呈现新设计趋势的状况下,能够为所有现有应用程序创立匹配的主题,而无需批改应用程序。主题解决与利用程序开发拆散,并在独自的层中实现。SAPUI5 库加载所需的 CSS 文件并提供切换主题的办法。

正文完
 0