码迷,mamicode.com
首页 > 其他好文 > 详细

phonegap配置启动动画

时间:2014-10-21 12:05:05      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   io   os   ar   sp   

以下有2种方式

1 主Active中 onCreate函数里添加代码

2 config.xml文件进行配置(对通过命令行模式下cordova命令行生成的可行)

 

确保自己安装了SplashScreen插件

cordova plugin add org.apache.cordova.splashscreen

修改res\xml\config.xml

  <feature name="SplashScreen">
      <param name="android-package" value="org.apache.cordova.SplashScreen"/>
    </feature>

 

 

 

方案1

import android.os.Bundle;
import android.view.Menu;

//import android.view.MenuItem;
import org.apache.cordova.*;

public class MainActivity extends CordovaActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         super.setBooleanProperty("loadInWebView", true);  
         //启动动画 代码  在loadUrl之前
          super.setIntegerProperty("splashscreen", R.drawable.a);
           //R.drawable.a 这个说明是资源文件drawable下的文件名为bg的资源(不写后缀)
         //super.loadUrl("file:///android_asset/www/index.html");
         super.loadUrl("http://192.168.55.175:5000",7000);
    }


}

备注: drawable 是文件夹,路径是/res/drawble/a.png

       a是启动图片,建议像素为 720*1280 放在该路径下   这里引用不需要扩展名

 

 

方式2

config.xml文件添加如下代码

<preference name="SplashScreen" value="a"/>

#此节点为启动画面延时单位为毫为,设置为10秒(防止网络延时,程序没有加载完成,导致黑屏。

<preference name="SplashScreenDelay" value="10000"/>

 

 

优化:

前端index.html 页面

除了引用 cordova.js文件

添加如下js代码

//在启动的页面中加入js代码,设备初始化后,隐藏启动画面

document.addEventListener("deviceready", onDeviceReady, false);

            function onDeviceReady() {

                navigator.splashscreen.hide();      

}

 

phonegap配置启动动画

标签:android   style   blog   http   color   io   os   ar   sp   

原文地址:http://www.cnblogs.com/sheapchen/p/4039834.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!