title: PhoneGap/ Cordova 9-patch Image Splash Screen with center Logo?
body: <p>I use PhoneGap/Cordova to create an Android app with a splash screen that contains a centered logo. </p>
  
  <p>Here is what I did: </p>
  
  <p>In my Android Manifest.xml I added </p>
  
  <pre><code>&lt;preference name="SplashScreen" value="splash" /&gt;
  &lt;preference name="SplashScreenDelay" value="5000" /&gt;
  </code></pre>
  
  <p>Then I used the nine-path image generator <a href="http://romannurik.github.io/AndroidAssetStudio/nine-patches.html" rel="nofollow noreferrer">here</a> to create the 9-patch images for the splash screen. The purpose is to have a logo centered in the center all the time. When uploading the image it looks like the following. I kept the edit mode "stretch regions".</p>
  
  <p><img src="https://i.stack.imgur.com/oyhBR.jpg" alt="enter image description here"></p>
  
  <p>The problem is that the splash image is stretched all the time. This means that the logo (the blue box) is disproportioned.</p>
  
  <p>I checked the solutions here <a href="https://stackoverflow.com/questions/22226207/cordova-phonegap-9-patch-splash-screen">Cordova/PhoneGap 9-patch splash screen</a> but it did not help.</p>
  
  <p><strong>How can I use 9-patch images as a splash screen on Android such that the logo is always in the center of the screen and not stretched?</strong></p>