如何增加IOS设备的离子飞溅屏幕时间

时间:2015-05-19 10:07:11

标签: ios delay splash-screen ionic

我需要增加ios设备中闪屏的时间延迟。我正在使用IONIC。

以下是我的配置文件:

<feature name="SplashScreen">
    <param name="ios-package" value="CDVSplashScreen"/>
    <param name="onload" value="true" />
</feature>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="orientation" value="portrait"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="8000"/>
  <preference name="AutoHideSplashScreen" value="false"/>
<preference name="auto-hide-splash-screen" value="false" />

只需调整SplashScreenDelay即可在Android设备上工作。设置AutoHideSplashScreen为false后,我不知道为什么启动画面会自动隐藏。

3 个答案:

答案 0 :(得分:8)

您可以禁用自动处理启动画面,并在应用程序准备就绪时以编程方式隐藏它。

最初来自ionicframework forum(略有变化):

安装cordova s​​plashscreen插件:

cordova plugin add cordova-plugin-splashscreen

确保项目的config.xml中包含以下内容:

<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />

在app.js中,在run方法中添加以下内容:

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

添加后,代码应如下所示:

angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.services', 'app.directives'])
.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    // Hide splash screen
    setTimeout(function() {
        navigator.splashscreen.hide();
    }, 100);

    // some other things
  });
})

答案 1 :(得分:6)

我们可以通过安装cordova s​​plashscreen插件来实现这一点。有关更多信息,请参阅链接http://learn.ionicframework.com/formulas/splash-screen/

cordova plugin add org.apache.cordova.splashscreen

app.run(function($cordovaSplashscreen) {
  setTimeout(function() {
    $cordovaSplashscreen.hide()
  }, 5000)
})

答案 2 :(得分:0)

platforms\android\cordova\default.xml

您可以添加config.xml所需的默认配置。

在运行时,config.xml将由离子框架更改,因此需要在default.xml中进行更改,也会在config.xml中进行更改。