给使用phonegap的Android程序加上splash screen (启动图片 预览图)
用phonegap的同学可能会发现,在app被启动起来之前会有一段时间的空白界面。空白界面出现是因为web view里面的东西还没有被载入。这时如果能加入splash screen,用户体验会好很多。
但是经过试验,我发现那些文章提到的方法都不好用。。。splash screen确实会出现,但是它出现以后界面会黑一下,然后才是web页面。无论
- super.loadUrl(“file:///android/www/index.html”, 1000)
复制代码
参数里面的delay 时间加到多长。
看过phonegap的代码,
- super.setIntegerProperty(“splashscreen”,
- R.drawable.splash)
复制代码
实际上干的事情是 1. 把appview的背景颜色设透明。 2. 把appview的背景设成指定的图片。 然后在web页面被load成功以后,将appview的背景删去。 界面会黑一下的原因我觉得是它删的太早了。
所以加splash screen,并且不黑的最终解决方案:
1. 在activity的onCreate方法中。 loadUrl之前加上
- this.appView.setBackgroundColor(0);
- this.appView.setBackgroundResource(R.drawable.splashscreen)
复制代码
第一句是把背景色设成透明。 第二句是设置背景为指定的图片(参数即为想要的图片)
2. 在js代码中。当所有的该load的东西全部load成功以后,将要显示web页面之前。把页面背景色设为白色(或其他颜色)
- $(‘body’).css(‘background’,'white’);
复制代码
这一句是Jquery代码。看不懂的可以查查Jquery语法。
huidaoli版权所有:转载请注明出处,谢谢合作!