1
0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-11-07 03:22:33 +01:00

Add basic intro

This commit is contained in:
kelteseth 2017-10-28 21:55:03 +02:00
parent 14a89c1b10
commit aebe55618b
6 changed files with 136 additions and 14 deletions

View File

@ -54,5 +54,8 @@
<file>qml/Components/StartupErrorWindow.qml</file>
<file>assets/icons/icon_heavy_metal.svg</file>
<file>qml/Components/InstalledUserHelper.qml</file>
<file>assets/icons/icon_hand_left.svg</file>
<file>assets/icons/icon_hand_right.svg</file>
<file>assets/images/hand_give.png</file>
</qresource>
</RCC>

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 146 499" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g><path d="M124.517,38.516l-0.194,0c-1.929,0 -3.796,0.266 -5.568,0.765l0,-3.092c0,-11.354 -9.237,-20.591 -20.592,-20.591l-0.194,0c-2.078,0 -4.086,0.309 -5.979,0.885c-1.908,-9.393 -10.232,-16.483 -20.179,-16.483l-0.194,0c-8.312,0 -15.49,4.95 -18.738,12.058c-2.304,-0.892 -4.805,-1.382 -7.419,-1.382l-0.195,0c-11.354,0 -20.591,9.237 -20.591,20.591l0,62.73c-4.971,-3.145 -10.858,-4.967 -17.161,-4.967c-4.148,0 -7.512,3.362 -7.512,7.512l0,81.036c0,11.282 4.753,22.142 13.041,29.795l6.364,5.876l0,23.441c0,4.149 3.363,7.512 7.512,7.512l90.625,0c4.149,0 7.512,-3.362 7.512,-7.512l0,-24.069l8.147,-10.063c7.668,-9.471 11.89,-21.398 11.89,-33.585l0,-19.888c0.013,-0.175 0.019,-0.354 0.019,-0.532l0,-89.447c-0.002,-11.354 -9.239,-20.59 -20.594,-20.59Z" style="fill:#ffc89f;fill-rule:nonzero;"/><path d="M72.364,192.829c0.01,3.141 2.492,5.853 5.631,5.982c3.361,0.139 6.129,-2.544 6.129,-5.875c0,-18.595 -10.955,-33.435 -31.678,-42.916c-4.284,-1.96 -8.549,-3.49 -12.465,-4.677c-4.962,-1.504 -10.077,-2.406 -15.242,-2.715l0,-49.327c-0.021,-0.017 -0.044,-0.032 -0.066,-0.049l0,0.744c-2.688,-1.701 -5.652,-2.999 -8.798,-3.846l0,56.621l0.041,0c-0.024,0.198 -0.041,0.399 -0.041,0.604c0,2.998 2.26,5.516 5.24,5.845c0.134,0.015 13.575,1.554 26.675,7.604c16.263,7.509 24.531,18.276 24.574,32.005Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M61.899,127.984l0,-125.533c-3.823,2.056 -6.921,5.283 -8.817,9.2l0,107.363c0,4.953 3.947,8.97 8.817,8.97Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M91.23,127.984l0,-113.687c-0.02,0.009 -0.041,0.017 -0.062,0.026c-0.027,-0.347 -0.066,-0.689 -0.11,-1.03c-1.649,-4.335 -4.722,-7.966 -8.644,-10.334l0,116.054c-0.001,4.954 3.946,8.971 8.816,8.971Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M118.755,36.188c0,-7.127 -3.642,-13.417 -9.16,-17.114l0,99.94c0,4.954 3.947,8.969 8.817,8.969l0.344,0l0,-88.703l0,-0.635c-0.001,0 -0.001,-2.457 -0.001,-2.457Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M124.891,229.178l-106.977,0c-4.149,0 -7.512,3.362 -7.512,7.512l0,38.874c0,4.148 3.362,7.512 7.512,7.512l106.978,0c4.149,0 7.512,-3.363 7.512,-7.512l0,-38.875c-0.002,-4.149 -3.364,-7.511 -7.513,-7.511Z" style="fill:#efe7e4;fill-rule:nonzero;"/><path d="M124.891,229.178l-20.031,0l0,53.897l20.031,0c4.149,0 7.512,-3.363 7.512,-7.512l0,-38.874c-0.001,-4.149 -3.363,-7.511 -7.512,-7.511Z" style="fill:#d8d1d0;fill-rule:nonzero;"/><path d="M135.293,268.051l-127.781,0c-4.148,0 -7.512,3.362 -7.512,7.512l0,222.829l142.805,0l0,-222.83c0,-4.148 -3.363,-7.511 -7.512,-7.511Z" style="fill:#546f7a;fill-rule:nonzero;"/><path d="M135.293,268.051l-20.031,0l0,230.341l27.543,0l0,-222.83c0,-4.148 -3.363,-7.511 -7.512,-7.511Z" style="fill:#465a65;fill-rule:nonzero;"/><circle cx="109.576" cy="302.13" r="7.966" style="fill:#353535;"/></g></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 146 499" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g><path d="M20.594,38.516l0.194,0c1.929,0 3.796,0.266 5.568,0.765l0,-3.092c0,-11.354 9.237,-20.591 20.592,-20.591l0.194,0c2.078,0 4.086,0.309 5.979,0.885c1.908,-9.393 10.232,-16.483 20.179,-16.483l0.194,0c8.312,0 15.49,4.95 18.738,12.058c2.304,-0.892 4.805,-1.382 7.419,-1.382l0.195,0c11.354,0 20.591,9.237 20.591,20.591l0,62.73c4.971,-3.145 10.858,-4.967 17.161,-4.967c4.148,0 7.512,3.362 7.512,7.512l0,81.036c0,11.282 -4.753,22.142 -13.041,29.795l-6.364,5.876l0,23.441c0,4.149 -3.363,7.512 -7.512,7.512l-90.625,0c-4.149,0 -7.512,-3.362 -7.512,-7.512l0,-24.069l-8.147,-10.063c-7.668,-9.471 -11.89,-21.398 -11.89,-33.585l0,-19.888c-0.013,-0.175 -0.019,-0.354 -0.019,-0.532l0,-89.447c0.002,-11.354 9.239,-20.59 20.594,-20.59Z" style="fill:#ffc89f;fill-rule:nonzero;"/><path d="M72.747,192.829c-0.01,3.141 -2.492,5.853 -5.631,5.982c-3.361,0.139 -6.129,-2.544 -6.129,-5.875c0,-18.595 10.955,-33.435 31.678,-42.916c4.284,-1.96 8.549,-3.49 12.465,-4.677c4.962,-1.504 10.077,-2.406 15.242,-2.715l0,-49.327c0.021,-0.017 0.044,-0.032 0.066,-0.049l0,0.744c2.688,-1.701 5.652,-2.999 8.798,-3.846l0,56.621l-0.041,0c0.024,0.198 0.041,0.399 0.041,0.604c0,2.998 -2.26,5.516 -5.24,5.845c-0.134,0.015 -13.575,1.554 -26.675,7.604c-16.263,7.509 -24.531,18.276 -24.574,32.005Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M83.212,127.984l0,-125.533c3.823,2.056 6.921,5.283 8.817,9.2l0,107.363c0,4.953 -3.947,8.97 -8.817,8.97Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M53.881,127.984l0,-113.687c0.02,0.009 0.041,0.017 0.062,0.026c0.027,-0.347 0.066,-0.689 0.11,-1.03c1.649,-4.335 4.722,-7.966 8.644,-10.334l0,116.054c0.001,4.954 -3.946,8.971 -8.816,8.971Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M26.356,36.188c0,-7.127 3.642,-13.417 9.16,-17.114l0,99.94c0,4.954 -3.947,8.969 -8.817,8.969l-0.344,0l0,-88.703l0,-0.635c0.001,0 0.001,-2.457 0.001,-2.457Z" style="fill:#f7b081;fill-rule:nonzero;"/><path d="M20.22,229.178l106.977,0c4.149,0 7.512,3.362 7.512,7.512l0,38.874c0,4.148 -3.362,7.512 -7.512,7.512l-106.978,0c-4.149,0 -7.512,-3.363 -7.512,-7.512l0,-38.875c0.002,-4.149 3.364,-7.511 7.513,-7.511Z" style="fill:#efe7e4;fill-rule:nonzero;"/><path d="M20.22,229.178l20.031,0l0,53.897l-20.031,0c-4.149,0 -7.512,-3.363 -7.512,-7.512l0,-38.874c0.001,-4.149 3.363,-7.511 7.512,-7.511Z" style="fill:#d8d1d0;fill-rule:nonzero;"/><path d="M9.818,268.051l127.781,0c4.148,0 7.512,3.362 7.512,7.512l0,222.829l-142.805,0l0,-222.83c0,-4.148 3.363,-7.511 7.512,-7.511Z" style="fill:#546f7a;fill-rule:nonzero;"/><path d="M9.818,268.051l20.031,0l0,230.341l-27.543,0l0,-222.83c0,-4.148 3.363,-7.511 7.512,-7.511Z" style="fill:#465a65;fill-rule:nonzero;"/><circle cx="35.535" cy="302.13" r="7.966" style="fill:#353535;"/></g></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
assets/images/hand_give.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -10,8 +10,11 @@ CustomPage {
signal setSidebaractiveItem(var screenId)
Component.onCompleted: {
installedListModel.reloadFiles()
if(installedListModel.getAmountItemLoaded() === 0){
loaderHelp.active = true
} else {
loaderHelp.active = false
}
}
@ -21,10 +24,11 @@ CustomPage {
active:false
anchors.fill: parent
source: "qrc:/qml/Components/InstalledUserHelper.qml"
}
Button {
z:111
visible: false
anchors {
top: parent.top
right: parent.right
@ -32,7 +36,6 @@ CustomPage {
}
text: qsTr("Reload")
onClicked: {
print("as")
installedListModel.reloadFiles()
if(installedListModel.getAmountItemLoaded() === 0){
loaderHelp.active = true

View File

@ -1,20 +1,134 @@
import QtQuick 2.0
import QtQuick 2.7
import QtQuick.Controls 2.2
import QtQuick.Controls.Styles 1.4
Item {
id: installedUserHelper
state: "invisible"
anchors {
fill: parent
}
Text {
id: name
text: qsTr("taaaaaaaaaaaaaaaaaaaaaaaaaaaext")
anchors.verticalCenterOffset: 0
anchors.horizontalCenterOffset: 231
font.pixelSize: 30
anchors.centerIn: parent
Component.onCompleted: {
installedUserHelper.state = "visible"
}
Image {
id: imgRock
source: "qrc:/assets/icons/icon_heavy_metal.svg"
Item {
id: handWrapper
width: 350
height: 500
anchors {
horizontalCenter: parent.horizontalCenter
bottom: parent.bottom
}
Item {
id: handLeftWrapper
height: 500
width: 150
anchors {
bottom: parent.bottom
right: parent.right
}
Image {
id: imgHandLeft
anchors.fill: parent
height: 500
width: 150
sourceSize.height: 500
sourceSize.width: 150
source: "qrc:/assets/images/hand_give.png"
}
Button {
id: button
text: qsTr("asasas")
anchors.topMargin: 120
anchors {
top: parent.top
horizontalCenter: parent.horizontalCenter
}
onClicked: {
}
background: Rectangle {
implicitWidth: 100
implicitHeight: 25
radius: 2
color:"#21A4D0"
gradient: Gradient {
GradientStop {
position: 0
color: button.hovered ? "#21B6D0" : "#21A4D0"
}
GradientStop {
position: 1
color: button.hovered ? "#21B6D0" : "#21A4D0"
}
}
}
}
}
Item {
id: handLeRightWrapper
height: 500
width: 150
anchors {
bottom: parent.bottom
left: parent.left
}
Image {
id: imgHandRight
anchors.fill: parent
height: 500
width: 150
sourceSize.height: 500
sourceSize.width: 150
mirror: true
source: "qrc:/assets/images/hand_give.png"
}
Button {
text: qsTr("asasas")
anchors.topMargin: 120
anchors {
top: parent.top
horizontalCenter: parent.horizontalCenter
}
}
}
}
states: [
State {
name: "invisible"
AnchorChanges {
target: handWrapper
anchors.top: installedUserHelper.bottom
anchors.bottom: undefined
}
},
State {
name: "visible"
AnchorChanges {
target: handWrapper
anchors.top: undefined
anchors.bottom: installedUserHelper.bottom
}
}
]
transitions: Transition {
AnchorAnimation {
duration: 1200
easing.type: Easing.InOutQuad
onStopped: {
print("stopped")
imgHandRight.source = "qrc:/assets/icons/icon_hand_right.svg"
imgHandRight.sourceSize.height = 500
imgHandRight.sourceSize.width = 150
}
}
}
}