2015-08-16 47 views
0

我要建基于使用离子的WordPress博客的应用程序。我添加了Splash Screens并将其切换到我的设备上,但无法使用。我从ant-build文件夹中获取了apk文件,但是当我在机器上运行它时没有显示任何东西。没有关闭正确的文件? xml中的设置还是不正确?离子APK不显示闪屏

  <?xml version="1.0" encoding="utf-8"?> 
     <widget xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:vs="http://schemas.microsoft.com/appx/2014/htmlapps" id="io.cordova.myappe2785d518e9f4f6ea03055878dd7a400" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" defaultlocale="en-US"> 
     <name>kikarNews</name> 
     <description>A blank project that uses Apache Cordova to help you build an app that targets multiple mobile platforms: Android, iOS, Windows, and Windows Phone.</description> 
     <author href="http://cordova.io" email="[email protected]">Apache Cordova Team </author> 
     <content src="index.html" /> 
     <access origin="*" /> 
     <vs:features /> 
     <preference name="SplashScreen" value="splash" /> 
     <preference name="SplashScreenDelay" value="3000" /> 
     <preference name="windows-target-version" value="8.1" /> 
     <preference name="windows-phone-target-version" value="8.1" /> 
     <preference name="SplashMaintainAspectRatio" value="true|false" /> 
     <platform name="android"> 
      <icon src="res/icons/android/icon-36-ldpi.png" density="ldpi" /> 
      <icon src="res/icons/android/icon-48-mdpi.png" density="mdpi" /> 
      <icon src="res/icons/android/icon-72-hdpi.png" density="hdpi" /> 
      <icon src="res/icons/android/icon-96-xhdpi.png" density="xhdpi" /> 
     </platform> 
     <platform name="ios"> 
      <!-- iOS 8.0+ --> 
      <!-- iPhone 6 Plus --> 
      <icon src="res/icons/ios/icon-60-3x.png" width="180" height="180" /> 
      <!-- iOS 7.0+ --> 
      <!-- iPhone/iPod Touch --> 
      <icon src="res/icons/ios/icon-60.png" width="60" height="60" /> 
      <icon src="res/icons/ios/icon-60-2x.png" width="120" height="120" /> 
      <!-- iPad --> 
      <icon src="res/icons/ios/icon-76.png" width="76" height="76" /> 
      <icon src="res/icons/ios/icon-76-2x.png" width="152" height="152" /> 
      <!-- iOS 6.1 --> 
      <!-- Spotlight Icon --> 
      <icon src="res/icons/ios/icon-40.png" width="40" height="40" /> 
      <icon src="res/icons/ios/icon-40-2x.png" width="80" height="80" /> 
      <!-- iPhone/iPod Touch --> 
      <icon src="res/icons/ios/icon-57.png" width="57" height="57" /> 
      <icon src="res/icons/ios/icon-57-2x.png" width="114" height="114" /> 
      <!-- iPad --> 
      <icon src="res/icons/ios/icon-72.png" width="72" height="72" /> 
      <icon src="res/icons/ios/icon-72-2x.png" width="144" height="144" /> 
      <!-- iPhone Spotlight and Settings Icon --> 
      <icon src="res/icons/ios/icon-small.png" width="29" height="29" /> 
      <icon src="res/icons/ios/icon-small-2x.png" width="58" height="58" /> 
      <!-- iPad Spotlight and Settings Icon --> 
      <icon src="res/icons/ios/icon-50.png" width="50" height="50" /> 
      <icon src="res/icons/ios/icon-50-2x.png" width="100" height="100" /> 
     </platform> 
     <platform name="windows"> 
      <icon src="res/icons/windows/Square150x150Logo.scale-100.png" width="150" height="150" /> 
      <icon src="res/icons/windows/Square150x150Logo.scale-240.png" width="360" height="360" /> 
      <icon src="res/icons/windows/Square30x30Logo.scale-100.png" width="30" height="30" /> 
      <icon src="res/icons/windows/Square310x310Logo.scale-100.png" width="" height="" /> 
      <icon src="res/icons/windows/Square44x44Logo.scale-240.png" width="106" height="106" /> 
      <icon src="res/icons/windows/Square70x70Logo.scale-100.png" width="70" height="70" /> 
      <icon src="res/icons/windows/Square71x71Logo.scale-240.png" width="170" height="170" /> 
      <icon src="res/icons/windows/StoreLogo.scale-100.png" width="50" height="50" /> 
      <icon src="res/icons/windows/StoreLogo.scale-240.png" width="120" height="120" /> 
      <icon src="res/icons/windows/Wide310x150Logo.scale-100.png" width="310" height="150" /> 
      <icon src="res/icons/windows/Wide310x150Logo.scale-240.png" width="744" height="360" /> 
     </platform> 
     <platform name="wp8"> 
      <icon src="res/icons/wp8/ApplicationIcon.png" width="62" height="62" /> 
      <icon src="res/icons/wp8/Background.png" width="173" height="173" /> 
     </platform> 
     <platform name="android"> 
      <splash src="res/screens/android/screen-hdpi-landscape.png" density="land-hdpi" /> 
      <splash src="res/screens/android/screen-ldpi-landscape.png" density="land-ldpi" /> 
      <splash src="res/screens/android/screen-mdpi-landscape.png" density="land-mdpi" /> 
      <splash src="res/screens/android/screen-xhdpi-landscape.png" density="land-xhdpi" /> 
      <splash src="res/screens/android/screen-hdpi-portrait.png" density="port-hdpi" /> 
      <splash src="res/screens/android/screen-ldpi-portrait.png" density="port-ldpi" /> 
      <splash src="res/screens/android/screen-mdpi-portrait.png" density="port-mdpi" /> 
      <splash src="res/screens/android/screen-xhdpi-portrait.png" density="port-xhdpi" /> 
     </platform> 
     <platform name="ios"> 
      <splash src="res/screens/ios/screen-iphone-portrait.png" width="320" height="480" /> 
      <splash src="res/screens/ios/screen-iphone-portrait-2x.png" width="640" height="960" /> 
      <splash src="res/screens/ios/screen-ipad-portrait.png" width="768" height="1024" /> 
      <splash src="res/screens/ios/screen-ipad-portrait-2x.png" width="1536" height="2048" /> 
      <splash src="res/screens/ios/screen-ipad-landscape.png" width="1024" height="768" /> 
      <splash src="res/screens/ios/screen-ipad-landscape-2x.png" width="2048" height="1536" /> 
      <splash src="res/screens/ios/screen-iphone-568h-2x.png" width="640" height="1136" /> 
      <splash src="res/screens/ios/screen-iphone-portrait-667h.png" width="750" height="1334" /> 
      <splash src="res/screens/ios/screen-iphone-portrait-736h.png" width="1242" height="2208" /> 
      <splash src="res/screens/ios/screen-iphone-landscape-736h.png" width="2208" height="1242" /> 
     </platform> 
     <platform name="windows"> 
      <splash src="res/screens/windows/SplashScreen.scale-100.png" width="620" height="300" /> 
      <splash src="res/screens/windows/SplashScreen.scale-240.png" width="1152" height="1920" /> 
      <splash src="res/screens/windows/SplashScreenPhone.scale-240.png" width="1152" height="1920" /> 
     </platform> 
     <platform name="wp8"> 
      <splash src="res/screens/wp8/SplashScreenImage.jpg" width="480" height="800" /> 
     </platform> 
     <vs:plugin name="org.apache.cordova.battery-status" version="0.2.12" /> 
     <vs:plugin name="org.apache.cordova.dialogs" version="0.3.0" /> 
     <vs:plugin name="org.apache.cordova.device" version="0.3.0" /> 
     <vs:plugin name="org.apache.cordova.splashscreen" version="1.0.0" /> 
     </widget> 

回答

1

我不知道用于生成启动画面的方法。我使用了离子CLI。

通过这种方法,可以自动从源图像产生闪屏创建需要每个platform.There各大小无需在每次调整和裁剪后的图像复制到每个平台的资源目录。

在Cordova项目的根目录的resources目录中保存splash.png,splash.psd或splash.ai文件。源图像的最小尺寸应为2208x2208像素 .Additionally,当取向偏好配置被设置为横向或纵向模式下,然后只将必要的图像将被生成。

$ ionic resources --splash 

Refer