Android的Phonegap启动画面:未拉伸或9patch

Question

当我的phonegap应用程序启动时,我会弹出一个假的闪屏:

super.setIntegerProperty("splashscreen", R.drawable.splash);
super.loadUrl("file:///android_asset/www/index.html", 500);

我目前有3个不同的splash.png文件:hdpi,mdpdi和ldpi.我的问题是即使在hdpi中,你也会得到480 x 800的设备和480 x 854的其他设备,并且android会拉伸我的启动图像来填充屏幕.

我宁愿让图像保持其纵横比.据我所知,9补丁解决方案不适用于PhoneGap.如果愿意,请告诉我如何!我准备好了.9.png了.所以我能想到的其他解决方案是防止android扩展我的图像.我该怎么办？

谢谢!

Answer 1

9补丁解决方案适用于PhoneGap中的闪屏:-)

1. 通过创建一个xml文件来定义一个新的可绘制资源,即res/drawable/splash.xml,其中包含以下内容:

   <nine-patch xmlns:android="http://schemas.android.com/apk/res/android"
   android:src="@drawable/splashimg" 
   android:dither="false"/>;  
   

   请注意它如何引用真实图像'splashimg',它应该是九个补丁图像(见下文).

2. 创建九个补丁图像

   • 任何png都可以.
   • 然后使用android-sdks/tools/draw9patch定义九个补丁边框(参见http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch)
   • 重要提示:这些图像必须将填充框(下边框和右边框)完全填充为黑色,否则应用程序的手机屏幕区域可能会以奇怪的方式拉伸.

3. 在res/drawable或特定于分辨率的文件夹中添加引用的九个补丁图像,例如res/drawable/splashimg.9.png

4. 在DroidGap扩展类中引用新的drawable

   public void onCreate(Bundle savedInstanceState) {
   
       super.setIntegerProperty("splashscreen", R.drawable.splash);
   
   }
   

通过使用android中可绘制资源的强大功能,您可以实际制作各种背景图像/效果.有关详细信息,请参阅http://developer.android.com/guide/topics/resources/drawable-resource.html.

Answer 2

无需提出错误,有一个可用的解决方案:只需将以下splash.xml放在res/drawable中(修改android:src属性)并在setIntegerProperty()调用中更改对R.drawable.splash的引用.

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
  android:src="@drawable/splashImage"
  android:gravity="center_horizontal|center_vertical" />

请参阅我的博客以获取有关设置的更详细说明.