Cordova android闪屏不会与内容交叉淡入淡出

时间:2016-05-30 09:58:14

标签: android cordova web-applications splash-screen

我有一个小问题,我试图让启动画面与我的Android应用程序的内容交叉淡入淡出。飞溅的屏幕渐渐变成了灰色而不是突然“跳跃”。到我的首页。我希望启动画面逐渐变得更透明,显示我的初始内容。

我在config.xml中使用了以下设置

    <preference name="AutoHideSplashScreen" value="true" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="SplashShowOnlyFirstTime" value="true" />
    <preference name="ShowSplashScreenSpinner" value="false" />  
    <preference name="FadeSplashScreen" value="true" />  
    <preference name="FadeSplashScreenDuration" value="1000" />

1 个答案:

答案 0 :(得分:1)

您可以尝试使用Apache的splashscreen-Plugin。

幸运的是,config.xml中需要的首选项较少:

<preference name="SplashScreen" value="screen"/>
<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreenDuration" value="750"/>

<plugin name="org.apache.cordova.splashscreen"/>

但由于AutoHideSplashScreen设置为false,您必须自行删除SplashScreen:

document.addEventListener('deviceready', function(){

  navigator.splashscreen.show();

  setTimeout(function(){
    navigator.splashscreen.hide();
  },1000);

}, false);

希望这有帮助。