join mywedding5 加入Splash Screens

实际的测试过程中发现phoengap的app在使用中吃内存还是很严重的,一会能吃200+内存,这很令人担忧app在配置稍低的机器上的表现。在此处为了防止应用在稍慢的机器上载入过慢,加入splash screen。当然很大的原因是目前这个东西做的有点丑,加上个好看点的图片应该会好点。网上许多资料都过期了,还是求助于官方文档比较靠谱。

官方文档中app的icon与splash screen 是在一起的,索性把icon也换一下吧。暂时没有考虑android与ios分开的事情,所以先把多平台做成一个icon。icon的变更非常简单,在项目的config.xml中加入:

<icon src="res/icon.png" />

当然要在项目的根目录下面增加res目录以及icon.png文件。

最好不要让icon文件过大。

关于splash screen

需要在文件中加入:

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />

此处第一行指定了splash screen的图片为screen。后一行控制持续时间。

当然spalsh screen可以在device ready后

navigator.splashscreen.hide()

关掉,此时需要安装插件,不过考虑到现在机器的性能,主要是碎片化的android,3s应该足够启动了,当然也可能有老爷车启动不了,那不是目标人群。

至于图片的放置就不太一样了,安卓下需要将工程目录→platform→android→res下的drawable*下都放上图片,android会根据屏幕的分辨率等自动适配,每个文件夹下应该已经存在了screen.png文件了,我们需要根据已由的分辨率作为参考放置相应的图片, portrait- landscape是当屏幕自动反转时的选项,portrait是竖直拿的时候landscape是旋转90°。

drawable-hdpi
drawable-land-hdpi
drawable-land-ldpi
drawable-land-mdpi
drawable-land-xhdpi
drawable-ldpi
drawable-mdpi
drawable-port-hdpi
drawable-port-ldpi
drawable-port-mdpi
drawable-port-xhdpi
drawable-xhdpi

完成后在工程目录下:

cordova build android

即可在真机上做调试。

附一下现在的icon

icon
icon

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注