Splash screen in Blackberry qml cascade with time of 2 seconds - blackberry-10

Question

Well, moving from android to blackberry cascade qml coding.
I want to add splash screen manually in qml with a time limit of 2-3 seconds.
How can I achieve this as there re no options related to time in qml.
On searching over web and developers forum nothing is revealed for this case.
Help! Help! Help!
This is my main.qml
import bb.cascades 1.0
import bb.myTimer 1.0 //error unknown library bb.myTimer
Page
{
Container {
layout: DockLayout {
}
onCreationCompleted: {
myTimer.start();
}
ImageView {
id: mImageViewIcon
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
imageSource: "asset:///splash1.png"
}
attachedObjects: [
QTimer { //error : The QTimer component might be an unknown or custom component. Its properties are not validated.
id: myTimer
interval: 3000
onTimeout: {
//Push New Page here
mysheet1.open();
}
},
Sheet
{
id: mysheet1
peekEnabled: false
Page
{
Container
{
background: Color.Transparent
ImageView
{
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
imageSource: "asset:///splash2.png"
}
}
}
}
]
}
}
My main.cpp
#include <bb/cascades/Application>
#include <QLocale>
#include <QTranslator>
**#include <Qtimer>**
#include "applicationui.hpp"
#include <Qt/qdeclarativedebug.h>
using namespace bb::cascades;
Q_DECL_EXPORT int main(int argc, char **argv)
{
Application app(argc, argv);
**qmlRegisterType<QTimer>("my.timer", 1, 0, "QTimer");**
// Create the Application UI object, this is where the main.qml file
// is loaded and the application scene is set.
new ApplicationUI(&app);
// Enter the application main event loop.
return Application::exec();
}
Thanks in advance.

Answer 1

There is option for splash in bar-descriptor.xml
Open bar-descriptor.xml >> Select Tab "Application"
You can see Splash Screens: box at right side. Select your splash screen.
If you want to manually then follow below code.
Applied splash screen as imageview in page & use Timer.
Push new page when Timer's time out.
Here is sample code of Timer.
import bb.cascades 1.0
import my.timer 1.0
Page {
Container {
layout: DockLayout {
}
onCreationCompleted: {
mTimer.start();
}
ImageView {
id: mImageViewIcon
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
imageSource: "asset:///images/splash.png"
}
attachedObjects: [
QTimer {
id: mTimer
interval: 2000
onTimeout: {
//Push New Page here
}
}
]
}
}
Don't forgot to add below line in main.cpp
qmlRegisterType<QTimer>("my.timer", 1, 0, "QTimer");

Answer 2

As at the time of my answer, Momentics is at version 2.0. In this version of Momentics, there is no need for a QML for the splash screen.
To add a splash screen to your app, open the bar-descriptor.xml file. On the right hand side, below the icon specification, choose an image to be used as your splashscreen image.
That is all.
Rebuild and run and enjoy

Answer 3

Try to use an animation as TranslateTransition and set duration to wait second.
Code:
attachedObjects: [
TranslateTransition {
id: splashScreen
duration: 2000 //wait in milliseconds
onEnded: {
//here the code to close splash screen
}
}]
and use splashScreen.play(); //add this in onCreationComplete() on an object as container or imageview, not Page or NavigationPane to start timer of splashscreen.