Splash Screen Per Screen Density

7 posts, 0 answers
  1. Richardsonke
    Richardsonke avatar
    93 posts
    Member since:
    Jul 2007

    Posted 28 Aug 2013 Link to this post

    There is a request in the feedback portal from April (with no response yet) to allow multiple DPI Android splash screens.  I know that using a 9-patch image it's supposed to scale, but if you want a logo or text on your splash screen, you can't allow that section to scale or it can stretch unequally.  With only one 9-patch image allowed, that means that either low DPI devices have the text/logo cut off, or the text/logo is tiny on high DPI devices.  The Cordova documentation states that there should be a splashscreen per screen density.  Any chance this will make it in the next update?  Thanks.
  2. Markus
    Markus avatar
    205 posts
    Member since:
    Nov 2005

    Posted 30 Aug 2013 Link to this post

    Dear Richardsonke

    I have been strugling with the 9-patch image myself. I though if you set a tranparent border and some black then only one part of the image would strech. I tried different ways to set my black 1px border but had no result.

    I must be reading it all wrong. Attached my image.

    Anyone can tell me where to set the black pixels if I

    1) do not want the text and image to be scaled
    2) have all the rest scaling (its only blue)

    Markus
  3. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 30 Aug 2013 Link to this post

    Hi guys,

    @Keith: According to the Cordova docs which you've referenced, it is recommended that you use a 9-patch image for your splash screen in Android. We've tested the Icenium splashscreen which has both logo and text on devices with low and high DPI and it is scaled properly, so we're not really sure about the unequal stretch you talk about. Anyway since Cordova have this functionality already available, we would introduce UI to set those images through Icenium for subsequent version. For the time being you can manually add those images to your app. To do so, push your app into git repository (e.g. github) and you would have access to the App_Resources folder - add the desired images (should be named splashscreen.png) from the github directly and then pull from Icenium. You're done.
    On a side note, the feedback portal gives users the opportunity to provide feedback about our product, no answer is really needed or guaranteed.

    @Markus: Android provides tool for creating 9 patch images. One is installed with the Android SDK: http://developer.android.com/tools/help/draw9patch.html.There is also an online version: http://android-ui-utils.googlecode.com/hg/asset-studio/dist/nine-patches.html

    Regards,
    Steve
    Telerik

    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  4. Markus
    Markus avatar
    205 posts
    Member since:
    Nov 2005

    Posted 30 Aug 2013 Link to this post

    Dear Steve

    Thank's for the links. This also helped me http://radleymarx.com/blog/simple-guide-to-9-patch/

    I had to keep the corner pixels transparent and now I simply can create the 9-patch.png in Photoshop.

    Markus
  5. Owidat
    Owidat avatar
    11 posts
    Member since:
    Jan 2011

    Posted 20 Jan 2014 Link to this post

    Hi,

    Try this : 
    http://android-ui-utils.googlecode.com/hg/asset-studio/dist/nine-patches.html

    very easy and simple to use, I hope this can help.
  6. Markus
    Markus avatar
    205 posts
    Member since:
    Nov 2005

    Posted 20 Jan 2014 Link to this post

    Dear Owidat

    Thanks for the link.

    Markus
  7. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 20 Jan 2014 Link to this post

    Hello,

    I've already provided a link to this tool in my last reply in this thread.

    Regards,
    Steve
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top