Cordova android启动画面不会与内容交叉淡入淡出

Question

我有一个小问题，我正在尝试使启动画面与我的 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" />

Answer 1

你可以试试 Apache 的闪屏插件。

幸运的是，您的 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);

希望这会有所帮助。