💦 Splash Screen
A splash screen is a graphical control element consisting of a window containing an image, a logo, and the current version of the software. A splash screen usually appears while a game or program is launching. A splash page is an introduction page on a website. A splash screen may cover the entire screen or web page; or may simply be a rectangle near the center of the screen or page. The splash screens of operating systems and some applications that expect to be run in full screen usually cover the entire screen.
SplashScreen
The SplashScreen
component contain an image
, a text
and a version
string. Loading is shown with a ProgressBar
, and can be controlled with from
, to
, value
, indeterminate
.
It is based on Rectangle
.
import Qaterial as Qaterial
Qaterial.SplashScreen
{
width: 480
height: 270
image: "https://cdn.pixabay.com/photo/2018/11/14/20/50/hd-3816045_960_720.jpg"
text: "Loading ..."
version: Qaterial.Version.readable
}
SplashScreenWindow
A SplashScreenWindow
is a Window
showing a SplashScreen
. It has special flags to appear as a Splash Screen on most Os.
The SplashScreenWindow
turn visible as soon as the window finished to load.
How to show SplashScreen then ApplicationWindow
The easiest way to show a SplashScreen then your main application is to use SplashScreenApplication
.
import QtQuick
import Qaterial as Qaterial
Qaterial.SplashScreenApplication
{
splashScreen: Qaterial.SplashScreenWindow { }
window: Qaterial.ApplicationWindow { Component.onCompleted: () => visible = true }
}
A more advance example can be found in Main.qml
of tools/HotReload/app/qml/Main.qml
.