Delphi - Android full screen splash

Making Delphi apps with firemonkey is really awesome. I am going to show you a little step-by-step guide that will explain you how to create a fullscreen splash intro on Firemonkey. Please note that splash screens are supported only on Android, iOS doesn't need them. Let's get started!


  1. Create a new Firemonkey application (File > New > Multi-Device App) or load a project that you already have.

  2. Select Andorid as Target Platform



  3. Go under Project > Options and then Application and you are going to see this:

    Using Gimp, Photoshop, Paint or whatever you need to create some png icons with the given sizes or, if you don't care, just leave the default ones. The splash screen is a different story.

  4. Create a new file with 2 pixel less than the needed one. For example you won't have to create a 426x320 but a 424x318 and then open this file with draw9patch. It is located at {delphi_install_folder}\Embarcadero\Studio\19.0\PlatformSDKs\android-sdk-windows\tools\lib. A 9patch file is a special resizeable image. Open with the draw9patch tool and draw the black lines like this:



    I have added 2 long lines below and on the right (I have defined a stretchable ares) and small lines on the top and left. On the program you will be able to see a preview on the right of how your splash screen will look! :) Change only the lines on the top and on the left; the lines below and on the right must cover the entire margin.

  5. Do the same procedure for each splash image. Once you are done go to Project > Deployment and uncheck this:



    Now the last step! Rename every image Remote Name to splash_image_def.9.png as you can see here. You have to do this only for the splash screen images.



  6. Click the Deploy
    button and enjoy your full screen app!

Comments

  1. Very helpful! Actually the first time that I find a complete topic about this ;)

    ReplyDelete

Post a Comment

Popular posts from this blog

Delphi - TLanguage localizaton tool

Delphi - monetize Android/iOS applications step-by-step