首页 文章

Ionic:如何激活默认闪屏?

提问于
浏览
1

我正在制作一个应用程序,用于初始化它需要大约一秒钟的所有内容 . 所以很明显,最好的解决方案是显示闪屏 .

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

THE STEPS:

现在我已经完成了以下步骤:

  • 创建一个空白的应用程序 .

  • 添加了平台android和ios .

  • 运行离子资源(我怀疑如果添加了平台就不需要这个,但我不确定)

  • 检查资源文件夹中是否正确显示icon.png和splash.png

  • 检查config.xml并查看是否存在以下设置:

<preference name="SplashScreen" value="screen"/>  
<preference name="SplashScreenDelay" value="3000"/>
  • 安装ngCordova并将其包含在index.html中并作为依赖项
<script src="lib/ngCordova/dist/ng-cordova.js"></script>

angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])

它应该工作我猜 . 但我在我的应用程序中看不到任何启动画面 .

THE QUESTION:

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

(出于测试目的,离子默认图像很好,3秒就可以了)

3 回答

  • 4

    好吧基本上没关系 . 问题只是在测试应用程序(我的坏) . 我正在浏览器(localhost)中进行快速测试并使用quirktools.com/screenfly

    但是为了看到启动画面,我必须直接在手机中测试应用程序,或者使用像Genymotion这样的模拟器 .

    那里的防溅屏工作正常 . 不需要插件 . 基本上只需遵循这些步骤就足够了(即使没有运行离子资源) .

  • 2

    您应该将this添加到您的插件中,然后您在 config.xml 中的设置将起作用 .

  • 0

    是的,你've read the instructions OK, but what you'缺少的是 ionic resources 命令 . 看一下here for more info,但基本上你只需要在创建.png文件所需的.psd并将它们放在 resources 文件夹后,从根项目目录运行上述的 ionic resources 命令 .

相关问题