如何在SAPUI5中实现SplashScreen

时间:2015-10-15 10:23:46

标签: splash-screen sapui5

这里有人知道如何在SAPUI5中实现启动画面吗?我已经尝试创建一个页面,以便在加载应用程序后它将成为默认页面,但是即使另一个页面被加入书签,也存在如何使其成为默认页面的问题。所以我们做的是使用图像作为启动画面。现在的问题是基于所用设备的图像大小。 你知道我们如何实现这个吗?任何想法都会有很大的帮助。非常感谢! :)

3 个答案:

答案 0 :(得分:1)

也许Dialog控件可以满足您的需求?

以下是一个例子:

var oButton = new sap.m.Button({
    text: "Hit Me To See Splashscreen",
    press: function(){
      var oDialog = new sap.m.Dialog({
        stretch: true,
        content:[
          new sap.m.Text({text:"This is Splashscreen! Click Anywhere To Close the Splashscreen."})
        ]
      }).attachBrowserEvent("click", function(){oDialog.destroy();});

      oDialog.open();
    }
  }).placeAt("content");

这是一个有效的JSBIN示例:LINK

答案 1 :(得分:0)

我猜你正在寻找的是在加载库或后端数据时启动时加载动画:结帐这个,完美指南! http://openui5.blogspot.com/2014/04/splash-screen.html

答案 2 :(得分:0)

感谢您的回复。我非常感谢。 :)

无论如何,我没有使用图像或单独的页面。我刚在 index.html 中添加了一个单独的div,其中包含图片和文字。我添加了一个脚本,一旦加载DOM内容就会隐藏div。

  

document.addEventListener(“DOMContentLoaded”,function(){                   document.getElementById(“splashScreen”)。style.display =“none”;                   document.getElementById(“content”)。style.display =“block”;               });