Qt on Android : Working example of a splash screen

[Brexis]

Hi. If your are interested to make an animated Splash screen in QML, see "this post":https://qt-project.org/forums/viewthread/36745

[Muhammad]

#Larpon, I'm using Qt 5.3.1 and I used Qt creator to create the manifest file.
In the splash screen section I see that the name set in
@@drawable/logo@

is the name of my logo. I don't know why, this should be for the splash screen, but it's not. I tried to change it manually, and I did put the splash in inside the

@/path/to/project/android-build/res/drawable-mdpi/splash.png
/path/to/project/android-build/res/drawable-ldpi/splash.png
/path/to/project/android-build/res/drawable-hdpi/splash.png@

but when I run the application all of this gets overwritten and the manifest return back to it's logo and I don't find the splash image in the directories above.
Any Idea

[Muhammad]

#dominik.fehr, I also used the way you specified, it did work and show the splash screen, but the application still shows a black screen for around 4 seconds before showing the splash screen and then the application. apparently this splash is not a splash it is a part of the application.
Any Idea
Thanks

[DerMas]

#Baso
Also on 5.3.1 and it works perfectly with the AndroidManifest method posted by Larpon.

Are you editing the right folder? Since everything gets overwritten, it sounds like you are editing the android output folder and not the soure folder.

Check if the project file has the line:
@ANDROID_PACKAGE_SOURCE_DIR = $$PWD/android_build@
(Btw. since my project is quite old, the androidsource folder isnt called "android_build", but only "android". So check if the folder specified in the project file is the same, you use for your custom android files).

[Muhammad]

#DerMas
You are right, I was editing the output folder. I edited the one in the project folder and everything works just fine.
Thank you DerMas and thanks everybody.

[nologinma]

[code]
#include "mainwindow.h"
#include <QApplication>
#include <QSplashScreen>
#include <QTimer>

int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;

QPixmap pixmap(":/images/splash.png");
QSplashScreen splash(pixmap);
splash.show();

QTimer::singleShot(3000, &splash, SLOT(close()));
QTimer::singleShot(3000, &w, SLOT(show()));

return a.exec();

}
[/code]
This example work well but there is a big (for me) problem when I run the app in the Android device (no emulation).

Before that the Splash Screen part, for a second the MainWindow showing the incon associated upper left. After start the Splash Screen and then the MainWindow.

The intial second of the MainWindow is deleterious.

I tried the following solution, but it does not work well at 100%

[code]
#include "mainwindow.h"
#include <QApplication>
#include <QSplashScreen>
#include <QTimer>

int main(int argc, char *argv[])
{
QApplication a(argc, argv);

QPixmap pixmap(":/images/splash.png");
QSplashScreen splash(pixmap);
splash.show();

MainWindow w;

QTimer::singleShot(3000, &splash, SLOT(close()));
QTimer::singleShot(3000, &w, SLOT(show()));

return a.exec();

}
[/code]

If I run the app in my desktop I haven't problem.

Inside the MainWindow I have a Menu.

If I remove the Menu from MainWindow I haven't the problem.

[benlau]

In case you found that the action bar with your application name is shown together with your splash image. You may add this attribute to <activity> tag

@
android:theme="@android:style/Theme.Holo.Light.NoActionBar"
@

[nologinma]

Thank you for the response but it doesn't resolve my problem.

if I add the following code:

@android:theme="@android:style/Theme.Holo.Light.NoActionBar"@

the splash screen is without action bar but also the next screen is without action bar.

The same result if I use:

@android:theme="@android:style/Theme.NoTitleBar"@

My application show the application screen without Title bar (ok) and after the next screen show the Title bar (perfect).

My problem is that the screen before splash screen (about 1 second) show the Title bar after it hide and show the Splash screen and after the screen with the title bar.

[benlau]

Hi,

FYI, I have written an article about how to create a splash screen with instant response and will not turn black:

Complete Guide to Making a Splash Screen for your QML Android Application — Medium

[Pradeep P N]

Hi @benlau

But how this works with different resolution Android Screens as in my case the Splash Screen is not same in all devices (either enlarged or bulged)

[jsulm]

@Pradeep-P-N From the link:
"1. Prepare a splash screen

It is not recommended to use a single image as the splash screen. It will be scaled to fill up all the space. Make it as a drawable resource is easier to fit for all devices."

[Pradeep P N]

Hi @jsulm ,
Thank you, i found an other way and was able to solve it :)
cool :)
Thanks again for the support.

[aha_1980]

@Pradeep-P-N

wanne share your solution?