Cordova (Ionic) : Splashscreen 在 Android 上只能工作一次
[英]Cordova (Ionic) : Splashscreen only works one time on Android
问题描述
我使用 Cordova 插件创建了一个 Splashscreen，方法是将插件添加到我的 Ionic 应用程序中：
cordova plugin add org.apache.cordova.splashscreen
当我在我的 Android 手机上安装该应用程序并首次运行它时，我看到启动画面正在工作。 但是如果我按后退按钮退出应用程序然后重新打开应用程序，这次我看不到启动画面，它直接进入主屏幕。 我认为这是因为当我按下后退按钮时，应用程序没有完全关闭（退出）。 因此，如果我转到仍在运行的应用程序列表并手动关闭我的应用程序（从正在运行的应用程序列表中），那么下次我打开我的应用程序时，我会再次看到启动画面。
我尝试在按下后退按钮时退出应用程序：
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady() {
document.addEventListener("backbutton", onBackKeyDown, false);
}
function onBackKeyDown()
{
navigator.app.exitApp();
}
在我的 JavaScript 代码中，但它没有帮助。 对此有什么好的解决方案？
2 个解决方案
解决方案1
1 已采纳 2016-04-16 21:17:15
Splashscreen 用于在加载应用程序时显示默认图像，我们不希望用户在应用程序启动时因黑屏而感到沮丧。 因此，android 在coldstart启动时显示启动画面（应用程序在被杀死时正在启动）。 你通常并不需要显示在闪屏hotstart ，但如果这样做，你可以使用下面通过溅射屏幕科尔多瓦插件暴露JavaScript方法：
navigator.splashscreen.show();
navigator.splashscreen.hide();
只要确保在platform ready时调用它们ready 。 或者，您可以使用ngCordova为您提供可注入的服务 api： http : ngCordova
处理恢复事件：
document.addEventListener('deviceready', function () {
document.addEventListener('resume', yourAsyncResumeCallback, false);
});
解决方案2
0 2016-04-16 23:41:31
你的应用程序的行为很奇怪。 即使在后退按钮并重新打开后，我的应用程序也会再次显示启动画面。 这是我的config.xml如果您不希望弃用版本从下面的标签中删除 'gap:' 并在version="1.0.0"重命名版本，它可以与闪屏一起使用
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets"
xmlns:gap="http://phonegap.com/ns/1.0"
id="testaplikacji"
versionCode="1"
version="1.0.0">
<name>Your app name</name>
<description>Desc</description>
<author>Author</author>
<gap:platform name="android">
</gap:platform>
<preference name="SplashScreen" value="splash" />
<preference name="SplashScreenDelay" value="5000" />
<gap:plugin name="org.apache.cordova.splashscreen" spec="1.0.0" source="pgb" />
<gap:splash src="splash.png" gap:platform="android" gap:qualifier="ldpi" width="500" height="500" />
<gap:splash src="splash.png" />
</widget>
, splash.png http://imgur.com/jmfxR4t和index.html当然资产（jqmobile1.4.2.css 和 .js 和 jquery1.11.3）本地作为我的 '.\\' 或 http:... 链接
<html>
<head>
<meta charset="UTF-8">
<link href=".\jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css" />
<script src=".\jquery-1.11.3.js"></script>
<script src=".\jquery.mobile-1.4.2.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
function init() {
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {
//do stuff
}
</script>
</head>
<body onload="init()">
</body>
</html>
如何显示Android的启动画面？ 科尔多瓦
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.