闪屏没有显示生成后在android系统的PhoneGap 1.9 [英] splash screen not showing in android phonegap 1.9 after build

查看:181
本文介绍了闪屏没有显示生成后在android系统的PhoneGap 1.9的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

林工作的PhoneGap 1.9,Android的是,Eclipse 4.2,jquerymobile我想显示飞溅screen.I都用这个的文章。在Android的模拟器其工作正常,但是当我使用build.phonegap.com/apps/MyAppId/builds构建应用程序和iPad的默认闪屏上运行它的出现这是我的code,我把图标和图像spalshscreen在各自文件夹搜索

Java的活动code

 公共类MyPhoneGapActivity扩展DroidGap {
        @覆盖
        公共无效的onCreate(捆绑savedInstanceState){
            super.onCreate(savedInstanceState);
            super.setIntegerProperty(启动画面,R.drawable.ic_launcher);
            super.loadUrl(文件:///android_asset/www/index.html,5000);
         }
        }

JavaScript的code

 <脚本类型=文/ JavaScript的字符集=utf-8>        VAR onDeviceReady =功能(){
        cordova.exec(NULL,NULL,闪屏,隐藏,[]);
            。的document.getElementById(devready)的innerHTML =;
        };        功能CheckDeviceReady(){
            document.addEventListener(deviceready,onDeviceReady,真正的);
        }< / SCRIPT>  <身体的onload =CheckDeviceReady(); ID =舞台级=主题>
< D​​IV ID =devready数据主题=B>设备未准备好..< / DIV>
< /身体GT;


解决方案

PhoneGap的唯一构建您的网络资产。它不建立任何天然来源$ C ​​$ C(MyPhoneGapActivity.java)。你可以找到的 .apk文件文件中的Eclipse项目的文件夹

创建扑通/安卓/文件夹中的www文件夹config.xml文件,并把开机画面,然后建立PhoneGap的网站。有关详细信息,请参见 https://build.phonegap.com/docs/config-xml

WWW / config.xml中

 <?XML版本=1.0编码=UTF-8&GT?;
<小部件的xmlns =htt​​p://www.w3.org/ns/widgets
    的xmlns:缺口=htt​​p://phonegap.com/ns/1.0
    ID =com.phonegap.example
    版本=1.0.0>
  <名称>采样< /名称>
  <描述>
    样品
  < /描述>
  < preference NAME =PhoneGap的版本值=2.0.0/>  <! - 图标 - >
  <图标SRC =的icon.png/>  <图标SRC =图标/ IOS /的icon.pngWIDTH =57HEIGHT =57/>
  <图标SRC =图标/ IOS /图标72.png差距:平台=IOSWIDTH =72HEIGHT =72/>
  <图标SRC =图标/ IOS / icon_at_2x.pngWIDTH =114HEIGHT =114/>  <图标SRC =图标/安卓/ ldpi.png缺口:平台=Android的差距:密度=LDPI/>
  <图标SRC =图标/安卓/ mdpi.png缺口:平台=Android的差距:密度=MDPI/>
  <图标SRC =图标/安卓/ hdpi.png缺口:平台=Android的差距:密度=华电国际/>
  <! - 闪屏 - >
  < preference NAME =方向值=默认/>
  < preference NAME =全屏VALUE =真/>
  < preference NAME =webviewbounceVALUE =FALSE/>
  < preference名=显示,闪屏微调VALUE =FALSE/>  <差距:泼SRC =splash.png/>  <差距:泼SRC =扑通/ IOS /为Default.pngWIDTH =320HEIGHT =480/>
  <差距:泼SRC =扑通/ IOS / Default_at_2x.pngWIDTH =640HEIGHT =960/>
  <差距:泼SRC =扑通/ IOS /默认-Landscape.pngWIDTH =600HEIGHT =768/>
  <差距:泼SRC =扑通/ IOS /默认-Portrait.pngWIDTH =768HEIGHT =1024/>  <差距:泼SRC =扑通/安卓/ ldpi.png缺口:平台=Android的差距:密度=LDPI/>
  <差距:泼SRC =扑通/安卓/ mdpi.png缺口:平台=Android的差距:密度=MDPI/>
  <差距:泼SRC =扑通/安卓/ hdpi.png缺口:平台=Android的差距:密度=华电国际/>
  <差距:泼SRC =扑通/安卓/ xhdpi.png缺口:平台=Android的差距:密度=xhdpi/>< /部件>

Im working on phonegap 1.9 , android, eclipse 4.2, jquerymobile i want to display splash screen.I have used this article. Its working fine in android simulator but when i build application using build.phonegap.com/apps/MyAppId/builds and run it on ipad default splash screen appears here is my code ,i have placed icons and spalshscreen images in their respective folders

java activity code

 public class MyPhoneGapActivity extends DroidGap {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState); 
            super.setIntegerProperty("splashscreen", R.drawable.ic_launcher);
            super.loadUrl("file:///android_asset/www/index.html",5000);
         }
        }

javascript code

 <script type="text/javascript" charset="utf-8">

        var onDeviceReady = function() {    
        cordova.exec(null, null, "SplashScreen", "hide", []);
            document.getElementById("devready").innerHTML = "";
        };

        function CheckDeviceReady() {
            document.addEventListener("deviceready", onDeviceReady, true);
        }  

</script>  

  <body onload="CheckDeviceReady();" id="stage" class="theme">
<div id="devready" data-theme="b">Device not ready..</div>
</body>

解决方案

PhoneGap Build only your web assets. It doesn't build any native source code (MyPhoneGapActivity.java). You can find .apk file in Eclipse project bin folder

create config.xml file in www folder and put splash image in "splash/android/" folder and then build in phonegap site. for more details see https://build.phonegap.com/docs/config-xml

www/config.xml:

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
    xmlns:gap = "http://phonegap.com/ns/1.0"
    id        = "com.phonegap.example"
    version   = "1.0.0">
  <name>Sample</name>
  <description>
    Sample
  </description>
  <preference name="phonegap-version" value="2.0.0" />

  <!-- Icons -->
  <icon src="icon.png" />

  <icon src="icons/ios/icon.png" width="57" height="57" />
  <icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
  <icon src="icons/ios/icon_at_2x.png" width="114" height="114" />

  <icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
  <icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
  <icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />


  <!-- Splash Screens -->
  <preference name="orientation" value="default" />
  <preference name="fullscreen" value="true" />
  <preference name="webviewbounce" value="false" />
  <preference name="show-splash-screen-spinner" value="false" />

  <gap:splash src="splash.png" />

  <gap:splash src="splash/ios/Default.png" width="320" height="480" />
  <gap:splash src="splash/ios/Default_at_2x.png" width="640" height="960" />
  <gap:splash src="splash/ios/Default-Landscape.png" width="1024" height="768" />
  <gap:splash src="splash/ios/Default-Portrait.png" width="768" height="1024" />

  <gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
  <gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
  <gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
  <gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />

</widget>

这篇关于闪屏没有显示生成后在android系统的PhoneGap 1.9的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆