SAPUI5 (05) - 主题 (Theming)

主页 » SAP文库 » Fiori

作者 stone0823 2018-03-17    627

前面我们的示例都是在 Bootstrap 中通过申明 data-sap-ui-theme="sap_bluecrystal" 设置页面的主题为 Blue crystal,翻译为中文叫蓝色水晶,听起来还是不错的名称。那么,SAPUI5 提供了哪些预设的主题呢?

本篇就通过一个小例子,了解这些主题,顺便复习一下 控件共用 event handler,还有 grid layout。开发人员也可以自定义主题,这个在企业真实的开发中用的到,因为每个企业都会追求独特性。

SAPUI5 主题和设置方法

SAPUI5 默认提供了以下主题: 
- Blue crystal 
- Platium 
- Gold Reflection 
- High Contast Black 
Belize: 这个是最新的 
- …

设置主题:

方法一是在 Bootstrap 中声明,方法二是通过下面的方法进行设置:

sap.ui.getCore().applyTheme(sThemeName, sThemeBaseUrl?)1

applyTheme() 的参数是一个字符串,比如 sap_bluecrystal 代表 Blue Crystal 主题。Theme 设置比较简单,直接贴上代码。


    
        
        

        
               

        
        

    
    
        
    123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566

我们看看界面效果,个人觉得还是跟着 SAP 的潮流。最新的是 Belize,是 SAP 主打的界面主题。

Blue crystal 主题:

Platium 主题:

Gold reflection 主题:

High contrast black 主题:

本文原始地址:http://sapdoc.cn/sap/theme/299.html

转载请注明出处来自 SAP文库

上一篇

AA固定资产|概述

下一篇

SAPUI5 (06) - MVC 基础