Splash screen - newbie

[Anders_Hansson]

HI,
I’m trying to get a nice looking start-up for the app I’m doing. I have a white screen while the app is loading so I tried to use a splash screen with the same colour as the background colour in my app. Made a 96x96 pixel png as image for the splash screen, but this image did not covered the whole screen on the phone so instead I tried with a 512x512 image but the app (installed apk) does not start with this splash image. are there any allowed image sizes for the splash screen?

What can be wrong?

/Anders

[D_Apps]

@Anders_Hansson

Made a 96x96 pixel png as image for the splash screen, but this image did not covered the whole screen on the phone so instead I tried with a 512x512

Try By Making 320x480px OR 480x320px

[Anders_Hansson]

Tried 320x480px but the app does not start with this size. I tried another size 128x256. This works, but the image does not cover the whole screen. Strange.

[zainulhassan]

Create a high quality image like 1080x1920 and use this extension to set image scale type to center crop

Image Scale Type | Make Images look the way you want

Image Scale Type It is a simple and but useful extension you can use to change scale type of image. Changing scale type of image specifies how the image should expand or shrink in order to fit into the defined width and height. It may seem simple but it can help to achieve complex designs that depend on images easily. Documentation [Set Scale] Set scale type of image. Provide the image view component that you want to set scale type for and the scale type from properties section. [Screen…

[Anders_Hansson]

I’m feeling a bit stupid… but I’m a newbe…

I cannot find out how to get this extension to work with splash images.

[GaryH (Organic Gary)]

I use a solid color 150x200 .png file and it works perfect. I literally googled my hex code I needed and then saved the image that came up,.

[Anders_Hansson]

@GaryH

I use a solid color 150x200 .png file and it works perfect. I literally googled my hex code I needed and then saved the image that came up,

That was my idea as well I must have done something wrong as it does not work properly to me. I thought the splash image would just scale up to the display resolution.

[GaryH (Organic Gary)]

It always has for me. I even test on a tablet and it stretches just fine on the larger screen.

[Anders_Hansson]

For some reason the splash image does not scale/stretch for me. I’m sure there is some simple setting somewhere…

[GaryH (Organic Gary)]

Huh, I don’t see anything that would adjust that. I see the splash image selector on screen 1 and then the checkbox to enable it. That’s what you are using right?

[Anders_Hansson]

Yes, under “Advanced properties” I check the “Splash Enabled” and select my now uploaded 150x200px png image under “Splash Image”. Are there any format problems maybe? Pre-viewing the uploaded image works fine. I use min SDK Android 8.0.

[Anders_Hansson]

[GaryH (Organic Gary)]

Is it maybe something device specific? have you tried other devices?

[Anders_Hansson]

No, not yet. My device is a Samsung S7 with Android 8.0. I will try to find another device

[Anders_Hansson]

Now, I installed the app on a tablet with Android 5.1.1 (with min SDK changed to 5.1 - 5.1.1). But the same problem remains.

[Anders_Hansson]

I sort of found the problem I use Inkscape for creating png-images and it was set to 600 dpi. I changed this and now it works perfect.

[TimAi2 (metricrat)]

@Anders_Hansson

it was set to 600 dpi. I changed this

to what did you change it ?

[Anders_Hansson]

The rectangle was drawn in 150x200px size but the png image generation in Inkscape seems to use 600 dpi as default setting. This equals to 938x1250px in this example. I changed it so that the generated image was 150x200px which corresponds to 96 dpi.

[TimAi2 (metricrat)]

Hmm, the default for my Inkscape is 96dpi…

[Anders_Hansson]

ops… I must then have changed it some time. I forgot it. Sorry. Thanks for the correction!

I tried to add a logo into the splash screen but I cannot get it as I want. I have tried quite a lot using the “9-patch” method where it should be possible to control where stretching and scaling of the picture is allowed by using 1 pixel wide markings around the picture.

Anyone who has succeeded with this? (should maybe be a separate topic)

9-patch method for stretching and scaling splash screen

Hi, There is a method for stretching and scaling splash screens used by Android devices called “9-patch”. It uses 1-pixel wide black markers around the image to control where stretching and scaling of an image is allowed. A typical usage is when you have a logotype on the splash screen that you do not want it to be scaled or stretched. Stretching is typically done within the solid colour area surrounding the logotype. I have tried but not fully succeeded with this. Anyone that have used this f…