mirror of
https://gitlab.com/kelteseth/ScreenPlay.git
synced 2024-09-18 16:32:33 +02:00
Add basic Monitor layout
This commit is contained in:
parent
c6b49092f6
commit
d9230569d9
67
qml/Components/Monitors.qml
Normal file
67
qml/Components/Monitors.qml
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import QtQuick 2.0
|
||||||
|
import QtGraphicalEffects 1.0
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: monitors
|
||||||
|
state:"inactive"
|
||||||
|
|
||||||
|
property string activeMonitorName: ""
|
||||||
|
|
||||||
|
Component.onCompleted: {
|
||||||
|
|
||||||
|
var a = monitorList.get();
|
||||||
|
print(a[0]);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id:blurParent
|
||||||
|
color: "#80ffffff"
|
||||||
|
anchors.fill: parent
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
width: 800
|
||||||
|
height: 600
|
||||||
|
|
||||||
|
anchors.centerIn: parent
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
FastBlur {
|
||||||
|
id:blur
|
||||||
|
anchors.fill: monitors
|
||||||
|
source: blurParent
|
||||||
|
radius: 64
|
||||||
|
}
|
||||||
|
|
||||||
|
states: [
|
||||||
|
State {
|
||||||
|
name: "active"
|
||||||
|
|
||||||
|
PropertyChanges {
|
||||||
|
target: monitors
|
||||||
|
visible: true
|
||||||
|
}
|
||||||
|
|
||||||
|
PropertyChanges {
|
||||||
|
target: blur
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "inactive"
|
||||||
|
PropertyChanges {
|
||||||
|
target: monitors
|
||||||
|
visible: false
|
||||||
|
}
|
||||||
|
|
||||||
|
PropertyChanges {
|
||||||
|
target: blur
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
@ -1,5 +1,6 @@
|
|||||||
import QtQuick 2.0
|
import QtQuick 2.0
|
||||||
import QtQuick.Controls 2.2
|
import QtQuick.Controls 2.0
|
||||||
|
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id:navigation
|
id:navigation
|
||||||
@ -8,6 +9,7 @@ Rectangle {
|
|||||||
width: 1366
|
width: 1366
|
||||||
|
|
||||||
signal changeTab(string name)
|
signal changeTab(string name)
|
||||||
|
signal toggleMonitors()
|
||||||
|
|
||||||
function onTabChanged(name){
|
function onTabChanged(name){
|
||||||
navigation.changeTab(name);
|
navigation.changeTab(name);
|
||||||
@ -64,5 +66,56 @@ Rectangle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: monitorSelection
|
||||||
|
width: 321
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 0
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.bottomMargin: 0
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: 0
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: mouseArea
|
||||||
|
anchors.fill: parent
|
||||||
|
onClicked: {
|
||||||
|
toggleMonitors()
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Image {
|
||||||
|
id: image
|
||||||
|
width: 24
|
||||||
|
height: 24
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 20
|
||||||
|
sourceSize.height: 24
|
||||||
|
sourceSize.width: 24
|
||||||
|
source: "qrc:/assets/icons/icon_monitor.svg"
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
id: activeMonitorName
|
||||||
|
text: qsTr("Monitor Name")
|
||||||
|
anchors.right: image.right
|
||||||
|
anchors.rightMargin: 20 + image.width
|
||||||
|
horizontalAlignment: Text.AlignRight
|
||||||
|
color: "#626262"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
font.pixelSize: 16
|
||||||
|
font.family: font_Roboto_Regular.name
|
||||||
|
|
||||||
|
FontLoader{
|
||||||
|
id: font_Roboto_Regular
|
||||||
|
source: "qrc:/assets/fonts/Roboto-Regular.ttf"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
16
qml/main.qml
16
qml/main.qml
@ -1,6 +1,5 @@
|
|||||||
import QtQuick 2.6
|
import QtQuick 2.6
|
||||||
import QtQuick.Window 2.2
|
import QtQuick.Window 2.2
|
||||||
import QtCanvas3D 1.1
|
|
||||||
import QtQuick.Controls 2.1
|
import QtQuick.Controls 2.1
|
||||||
import QtQuick.Layouts 1.3
|
import QtQuick.Layouts 1.3
|
||||||
|
|
||||||
@ -10,7 +9,7 @@ Window {
|
|||||||
id: window
|
id: window
|
||||||
color: "#eeeeee"
|
color: "#eeeeee"
|
||||||
visible: true
|
visible: true
|
||||||
width: 1366
|
width: 1380
|
||||||
height: 768
|
height: 768
|
||||||
|
|
||||||
Loader {
|
Loader {
|
||||||
@ -68,5 +67,18 @@ Window {
|
|||||||
pageLoader.setSource("qrc:/qml/Components/"+name+".qml")
|
pageLoader.setSource("qrc:/qml/Components/"+name+".qml")
|
||||||
sidebar.state = "inactive"
|
sidebar.state = "inactive"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onToggleMonitors: {
|
||||||
|
monitors.state = monitors.state == "active" ? "inactive" : "active"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Monitors {
|
||||||
|
id: monitors
|
||||||
|
state: "inactive"
|
||||||
|
anchors.fill: pageLoader
|
||||||
|
z:98
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user