Ionic：如何激活默认启动画面？

Question

我正在制作一个应用程序，初始化所有内容大约需要一秒钟。所以很明显，最好的解决方案是显示启动画面。

我现在正在从头开始制作一个空白应用程序来测试它。

步骤：

目前我已经完成了以下步骤：

1. 创建空白应用程序。

2. 添加平台android和ios。

3. 运行离子资源（我怀疑如果添加了平台就不需要这个，但我不确定）

4. 检查资源文件夹是否正确出现icon.png和splash.png

5. 查看config.xml，看到有如下设置：

   <preference name="SplashScreen" value="screen"/>  
   <preference name="SplashScreenDelay" value="3000"/>
   

6. 安装 ngCordova 并将其包含在 index.html 中并作为依赖项

   <script src="lib/ngCordova/dist/ng-cordova.js"></script>
   
   angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])
   

我想它应该可以工作。但是我在我的应用程序中没有看到任何启动画面。

问题：

如何激活启动画面？ 我的意思是我怎么才能真正看到它出现在主页上？

（出于测试目的，离子默认图像很好，3 秒也可以）

Answer 1

您应该将 this 添加到您的插件中，然后在 config.xml 中添加您的设置 会工作。

Answer 2

是的，您已经阅读说明了，但是您缺少的是 ionic resources 命令。看看 here for more info 但基本上你只需要 运行 上述 ionic resources 命令在你制作了必要的 .png 文件的 .psd 并将它们放在resources 个文件夹。

Answer 3

好的，基本上就可以了。问题只是在测试应用程序时（我的错）。我在浏览器 (localhost) 中使用 quirktools.com/screenfly

进行快速测试

但是为了看到运行中的启动画面，我不得不直接在 phone 中或使用 Genymotion.

等模拟器测试应用程序

这里的启动画面工作正常。 无需插件。基本上只要遵循这些步骤就足够了（即使没有 运行 离子资源）。