Commit 5f5c0dd9 authored by ju1464's avatar ju1464

AddSplash

parent 9fc800a3
import QtQuick 2.1
Image {
id: root
source: "images/background.png"
property int stage
onStageChanged: {
if (stage == 1) {
introAnimation.running = true
}
}
Image {
id: topRect
y: root.height
source: "images/rectangle.svg"
Image {
source: "images/logo.svg"
anchors.centerIn: parent
}
Rectangle {
radius: 1
color: "#00dfff"
anchors {
bottom: parent.bottom
}
height: 8
width: height*36
Rectangle {
radius: 1
anchors {
left: parent.left
top: parent.top
bottom: parent.bottom
}
width: (parent.width / 1) * (stage - 1)
color: "#00dfff"
Behavior on width {
PropertyAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
}
}
}
SequentialAnimation {
id: introAnimation
running: false
ParallelAnimation {
PropertyAnimation {
property: "y"
target: topRect
to: root.height / 3
duration: 1000
easing.type: Easing.InOutBack
easing.overshoot: 1.0
}
PropertyAnimation {
property: "y"
target: bottomRect
to: 2 * (root.height / 3) - bottomRect.height
duration: 1000
easing.type: Easing.InOutBack
easing.overshoot: 1.0
}
}
}
}
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="150"
height="150"
version="1.1"
id="svg102"
sodipodi:docname="logo.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata106">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="703"
id="namedview104"
showgrid="false"
inkscape:zoom="0.85833333"
inkscape:cx="-24.757283"
inkscape:cy="75"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg102" />
<defs
id="defs76">
<linearGradient
id="c">
<stop
offset="0"
stop-color="#fff"
stop-opacity=".075"
id="stop2" />
<stop
offset=".217"
stop-color="#0ff"
stop-opacity=".245"
id="stop4" />
<stop
offset=".633"
stop-color="#0ff"
stop-opacity=".462"
id="stop6" />
<stop
offset="1"
stop-color="#002b22"
id="stop8" />
</linearGradient>
<linearGradient
id="b">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".004"
id="stop11" />
<stop
offset=".747"
stop-color="#1a1a1a"
stop-opacity=".194"
id="stop13" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity=".53"
id="stop15" />
</linearGradient>
<linearGradient
id="g">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".016"
id="stop18" />
<stop
offset="1"
stop-color="#1a1a1a"
id="stop20" />
</linearGradient>
<linearGradient
id="a">
<stop
offset="0"
stop-color="#1a1a1a"
id="stop23" />
<stop
offset=".664"
stop-color="#2c89a0"
stop-opacity="0"
id="stop25" />
<stop
offset="1"
stop-color="#1a1a1a"
id="stop27" />
</linearGradient>
<radialGradient
xlink:href="#d"
id="t"
cx="124.215"
cy="231"
fx="124.215"
fy="231"
r="61.171001"
gradientTransform="matrix(2.94153,-0.27393,0.06434,0.69085,-254.245,109.968)"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="d">
<stop
offset="0"
stop-color="#054"
stop-opacity="0"
id="stop31" />
<stop
offset="1"
stop-color="#054"
id="stop33" />
</linearGradient>
<linearGradient
xlink:href="#b"
id="s"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
x1="88.359001"
y1="110.42"
x2="164.45399"
y2="105.1" />
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#e"
id="r"
x1="86.425003"
y1="110.904"
x2="173.644"
y2="113.806"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="e">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".53"
id="stop38" />
<stop
offset=".253"
stop-color="#1a1a1a"
stop-opacity=".194"
id="stop40" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity=".004"
id="stop42" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#f"
id="q"
gradientUnits="userSpaceOnUse"
x1="198.436"
y1="188.63499"
x2="156.423"
y2="150.049" />
<linearGradient
id="f">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".466"
id="stop46" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity="0"
id="stop48" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#g"
id="p"
gradientUnits="userSpaceOnUse"
x1="185.377"
y1="115.599"
x2="141.429"
y2="123.446" />
<linearGradient
xlink:href="#h"
id="o"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
x1="55.082001"
y1="188.035"
x2="84.364998"
y2="164.31799" />
<linearGradient
id="h">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".486"
id="stop53" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity="0"
id="stop55" />
</linearGradient>
<radialGradient
xlink:href="#i"
id="n"
cx="161.543"
cy="235.937"
fx="161.543"
fy="235.937"
r="61.171001"
gradientTransform="matrix(0.45973,4.0572,-2.2293,0.2526,581.6,-478.7)"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="i">
<stop
offset="0"
stop-color="#054"
stop-opacity=".395"
id="stop59" />
<stop
offset="1"
stop-color="#054"
id="stop61" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#j"
id="m"
gradientUnits="userSpaceOnUse"
x1="70.075996"
y1="117.417"
x2="109.033"
y2="121.754" />
<linearGradient
id="j">
<stop
offset="0"
stop-color="#0ff"
stop-opacity="0"
id="stop65" />
<stop
offset="1"
stop-color="#1a1a1a"
id="stop67" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-34.628,-34.628)"
xlink:href="#k"
id="l"
x1="124.093"
y1="-75.454002"
x2="125.37"
y2="60.797001"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="k">
<stop
offset="0"
id="stop71" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity="0"
id="stop73" />
</linearGradient>
</defs>
<g
transform="matrix(6.8851178,0,0,6.8851178,-0.73629611,-4.736296)"
style="fill:#00dfff"
id="g4">
<path
inkscape:connector-curvature="0"
d="m 4.024,3.234 v 5.844 l 5.733,9.689 V 12.92 Z M 0.374,3.233 H 3.35 V 18.766 H 0.374 Z m 16.489,10e-4 -2.782,3.61 v 1.127 l 1.446,1.876 5.095,-6.613 z M 10.431,3.233 h 2.976 v 15.533 h -2.976 z m 3.65,10.619 3.787,4.915 h 3.758 L 14.081,8.975 Z"
id="path2" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" width="460" height="290" version="1.1" viewBox="0 0 460 290"/>
import QtQuick 2.1
Image {
id: root
source: "images/background.png"
property int stage
onStageChanged: {
if (stage == 1) {
introAnimation.running = true
}
}
Image {
id: topRect
y: root.height
source: "images/rectangle.svg"
Image {
source: "images/logo.svg"
anchors.centerIn: parent
}
Rectangle {
radius: 1
color: "#77e011"
anchors {
bottom: parent.bottom
}
height: 8
width: height*36
Rectangle {
radius: 1
anchors {
left: parent.left
top: parent.top
bottom: parent.bottom
}
width: (parent.width / 1) * (stage - 1)
color: "#77e011"
Behavior on width {
PropertyAnimation {
duration: 250
easing.type: Easing.InOutQuad
}
}
}
}
}
SequentialAnimation {
id: introAnimation
running: false
ParallelAnimation {
PropertyAnimation {
property: "y"
target: topRect
to: root.height / 3
duration: 1000
easing.type: Easing.InOutBack
easing.overshoot: 1.0
}
PropertyAnimation {
property: "y"
target: bottomRect
to: 2 * (root.height / 3) - bottomRect.height
duration: 1000
easing.type: Easing.InOutBack
easing.overshoot: 1.0
}
}
}
}
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="150"
height="150"
version="1.1"
id="svg102"
sodipodi:docname="logo.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata106">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1366"
inkscape:window-height="703"
id="namedview104"
showgrid="false"
inkscape:zoom="3.4333333"
inkscape:cx="75"
inkscape:cy="75"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg102" />
<defs
id="defs76">
<linearGradient
id="c">
<stop
offset="0"
stop-color="#fff"
stop-opacity=".075"
id="stop2" />
<stop
offset=".217"
stop-color="#0ff"
stop-opacity=".245"
id="stop4" />
<stop
offset=".633"
stop-color="#0ff"
stop-opacity=".462"
id="stop6" />
<stop
offset="1"
stop-color="#002b22"
id="stop8" />
</linearGradient>
<linearGradient
id="b">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".004"
id="stop11" />
<stop
offset=".747"
stop-color="#1a1a1a"
stop-opacity=".194"
id="stop13" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity=".53"
id="stop15" />
</linearGradient>
<linearGradient
id="g">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".016"
id="stop18" />
<stop
offset="1"
stop-color="#1a1a1a"
id="stop20" />
</linearGradient>
<linearGradient
id="a">
<stop
offset="0"
stop-color="#1a1a1a"
id="stop23" />
<stop
offset=".664"
stop-color="#2c89a0"
stop-opacity="0"
id="stop25" />
<stop
offset="1"
stop-color="#1a1a1a"
id="stop27" />
</linearGradient>
<radialGradient
xlink:href="#d"
id="t"
cx="124.215"
cy="231"
fx="124.215"
fy="231"
r="61.171001"
gradientTransform="matrix(2.94153,-0.27393,0.06434,0.69085,-254.245,109.968)"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="d">
<stop
offset="0"
stop-color="#054"
stop-opacity="0"
id="stop31" />
<stop
offset="1"
stop-color="#054"
id="stop33" />
</linearGradient>
<linearGradient
xlink:href="#b"
id="s"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
x1="88.359001"
y1="110.42"
x2="164.45399"
y2="105.1" />
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#e"
id="r"
x1="86.425003"
y1="110.904"
x2="173.644"
y2="113.806"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="e">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".53"
id="stop38" />
<stop
offset=".253"
stop-color="#1a1a1a"
stop-opacity=".194"
id="stop40" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity=".004"
id="stop42" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#f"
id="q"
gradientUnits="userSpaceOnUse"
x1="198.436"
y1="188.63499"
x2="156.423"
y2="150.049" />
<linearGradient
id="f">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".466"
id="stop46" />
<stop
offset="1"
stop-color="#0ff"
stop-opacity="0"
id="stop48" />
</linearGradient>
<linearGradient
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
xlink:href="#g"
id="p"
gradientUnits="userSpaceOnUse"
x1="185.377"
y1="115.599"
x2="141.429"
y2="123.446" />
<linearGradient
xlink:href="#h"
id="o"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.27483,0,0,1.27483,-33.415,-29.112)"
x1="55.082001"
y1="188.035"
x2="84.364998"
y2="164.31799" />
<linearGradient
id="h">
<stop
offset="0"
stop-color="#0ff"
stop-opacity=".486"
id="stop53" />
<stop
offset="1"
stop-color="#0ff"