@@ -1,177 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
|
|
||||||
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
|
|
||||||
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
|
|
||||||
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
|
|
||||||
*/
|
|
||||||
import QtQuick
|
|
||||||
import QtQuick.Controls
|
|
||||||
import UntitledProject1
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: rectangle
|
|
||||||
width: Constants.width
|
|
||||||
height: Constants.height
|
|
||||||
color: "#2e2e2e"
|
|
||||||
radius: 0
|
|
||||||
border.color: "#1a1a1a"
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: kishkaProfileIdle
|
|
||||||
x: 40
|
|
||||||
y: 239
|
|
||||||
source: "Profile Box/Kishka Profile Idle.svg"
|
|
||||||
fillMode: Image.PreserveAspectFit
|
|
||||||
}
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: kishkaVerIdle
|
|
||||||
x: 165
|
|
||||||
y: 239
|
|
||||||
source: "Version box/Kishka Ver idle.svg"
|
|
||||||
fillMode: Image.PreserveAspectFit
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: folderbutt
|
|
||||||
x: 130
|
|
||||||
y: 304
|
|
||||||
width: 70
|
|
||||||
height: 40
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
topPadding: 0
|
|
||||||
rightPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
icon.width: 335
|
|
||||||
icon.source: "Folder/Folder Idle.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
flat: true
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
bottomPadding: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: playbutt
|
|
||||||
x: 40
|
|
||||||
y: 57
|
|
||||||
width: 335
|
|
||||||
height: 170
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
icon.cache: false
|
|
||||||
rightPadding: 0
|
|
||||||
bottomPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
topPadding: 0
|
|
||||||
flat: true
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.source: "Play Button/Play Idle.svg"
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: optionsbut
|
|
||||||
x: 215
|
|
||||||
y: 304
|
|
||||||
width: 70
|
|
||||||
height: 40
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
topPadding: 0
|
|
||||||
rightPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
icon.width: 335
|
|
||||||
icon.source: "Options/Options Idle.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.cache: false
|
|
||||||
flat: true
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
bottomPadding: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "clicked"
|
|
||||||
when: playbutt.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: playbutt
|
|
||||||
x: 40
|
|
||||||
y: 55
|
|
||||||
rightPadding: 0
|
|
||||||
bottomPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
topPadding: 0
|
|
||||||
icon.source: "Play Button/Play pressed.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
State {
|
|
||||||
name: "Hover"
|
|
||||||
when: playbutt.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: playbutt
|
|
||||||
flat: true
|
|
||||||
icon.source: "Play Button/Play Active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "Folder Pressed"
|
|
||||||
when: folderbutt.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: folderbutt
|
|
||||||
icon.source: "Folder/Folder Pressed.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
State {
|
|
||||||
name: "Folder Hover"
|
|
||||||
when: folderbutt.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: rectangle
|
|
||||||
color: "#2e2e2e"
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: folderbutt
|
|
||||||
x: 130
|
|
||||||
y: 304
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.source: "Folder/Folder Active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "Option Pressed"
|
|
||||||
when: optionsbut.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: optionsbut
|
|
||||||
icon.source: "Options/Options active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "OptionHover"
|
|
||||||
when: optionsbut.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: optionsbut
|
|
||||||
icon.source: "Options/Options Pressed.svg"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
|
|
||||||
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
|
|
||||||
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
|
|
||||||
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
|
|
||||||
*/
|
|
||||||
import QtQuick
|
|
||||||
import QtQuick.Controls
|
|
||||||
import UntitledProject1
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: rectangle
|
|
||||||
width: Constants.width
|
|
||||||
height: Constants.height
|
|
||||||
color: "#2e2e2e"
|
|
||||||
radius: 0
|
|
||||||
border.color: "#1a1a1a"
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: kishkaProfileIdle
|
|
||||||
x: 40
|
|
||||||
y: 239
|
|
||||||
source: "Profile Box/Kishka Profile Idle.svg"
|
|
||||||
fillMode: Image.PreserveAspectFit
|
|
||||||
}
|
|
||||||
|
|
||||||
Image {
|
|
||||||
id: kishkaVerIdle
|
|
||||||
x: 165
|
|
||||||
y: 239
|
|
||||||
source: "Version box/Kishka Ver idle.svg"
|
|
||||||
fillMode: Image.PreserveAspectFit
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: folderbutt
|
|
||||||
x: 130
|
|
||||||
y: 304
|
|
||||||
width: 70
|
|
||||||
height: 40
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
topPadding: 0
|
|
||||||
rightPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
icon.width: 335
|
|
||||||
icon.source: "Folder/Folder Idle.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
flat: true
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
bottomPadding: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: playbutt
|
|
||||||
x: 40
|
|
||||||
y: 57
|
|
||||||
width: 335
|
|
||||||
height: 170
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
icon.cache: false
|
|
||||||
rightPadding: 0
|
|
||||||
bottomPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
topPadding: 0
|
|
||||||
flat: true
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.source: "Play Button/Play Idle.svg"
|
|
||||||
}
|
|
||||||
|
|
||||||
Button {
|
|
||||||
id: optionsbut
|
|
||||||
x: 215
|
|
||||||
y: 304
|
|
||||||
width: 70
|
|
||||||
height: 40
|
|
||||||
visible: true
|
|
||||||
text: qsTr("Button")
|
|
||||||
topPadding: 0
|
|
||||||
rightPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
icon.width: 335
|
|
||||||
icon.source: "Options/Options Idle.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.cache: false
|
|
||||||
flat: true
|
|
||||||
display: AbstractButton.IconOnly
|
|
||||||
bottomPadding: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
states: [
|
|
||||||
State {
|
|
||||||
name: "clicked"
|
|
||||||
when: playbutt.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: playbutt
|
|
||||||
x: 40
|
|
||||||
y: 55
|
|
||||||
rightPadding: 0
|
|
||||||
bottomPadding: 0
|
|
||||||
leftPadding: 0
|
|
||||||
topPadding: 0
|
|
||||||
icon.source: "Play Button/Play pressed.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
State {
|
|
||||||
name: "Hover"
|
|
||||||
when: playbutt.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: playbutt
|
|
||||||
flat: true
|
|
||||||
icon.source: "Play Button/Play Active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "Folder Pressed"
|
|
||||||
when: folderbutt.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: folderbutt
|
|
||||||
icon.source: "Folder/Folder Pressed.svg"
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
State {
|
|
||||||
name: "Folder Hover"
|
|
||||||
when: folderbutt.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: rectangle
|
|
||||||
color: "#2e2e2e"
|
|
||||||
}
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: folderbutt
|
|
||||||
x: 130
|
|
||||||
y: 304
|
|
||||||
icon.height: 170
|
|
||||||
icon.width: 335
|
|
||||||
icon.color: "#0026282a"
|
|
||||||
icon.source: "Folder/Folder Active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "Option Pressed"
|
|
||||||
when: optionsbut.pressed
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: optionsbut
|
|
||||||
icon.source: "Options/Options active.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State {
|
|
||||||
name: "OptionHover"
|
|
||||||
when: optionsbut.hovered
|
|
||||||
|
|
||||||
PropertyChanges {
|
|
||||||
target: optionsbut
|
|
||||||
icon.source: "Options/Options Pressed.svg"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user