Initial prototype

Basic UI outline with keyboard control. Python database
object is exposed to QML and data can be queried from its methods.
This should provide a generic structure that different UI themes
can be built around.
This commit is contained in:
2022-08-15 17:50:09 +00:00
commit 7944e4e21b
14 changed files with 1309 additions and 0 deletions
+109
View File
@@ -0,0 +1,109 @@
//import QtQuick 2.0
//import QtQuick.Controls 2.15
import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Imagine 2.12
import QtQuick.Window 2.0
//import mpvtest 1.0
import Ikinuki.Client 1.0
import "./components"
ApplicationWindow {
id: window
visible: true
Database {
id: database
}
//Column {
// Repeater {
// model: database.Providers
// Text {
// text: modelData.Name
// //text: database.getString[0]
// }
// }
//}
Row {
anchors.fill: parent
Sidebar {
providers: database.Providers
focus: true
}
Column {
width: parent.width * 0.7
height: parent.height
}
}
}
//Width: 1280
//height: 720
// MpvObject {
// id: renderer
// anchors.fill: parent
//
// MouseArea {
// anchors.fill: parent
// onClicked: renderer.play("./matroska-test-files/test_files/test1.mkv")
// }
// }
//Rectangle {
// id: labelFrame
// anchors.margins: -50
// radius: 5
// color: "white"
// border.color: "black"
// opacity: 0.8
// anchors.fill: box
//}
//Row {
// id: box
// anchors.bottom: renderer.bottom
// anchors.left: renderer.left
// anchors.right: renderer.right
// anchors.margins: 100
// Text {
// anchors.margins: 10
// wrapMode: Text.WordWrap
// text: "QtQuick and mpv are both rendering stuff.\n
// Click to load test.mkv"
// }
// // Don't take these controls too seriously. They're for testing.
// Column {
// CheckBox {
// id: checkbox
// anchors.margins: 10
// // Heavily filtered means good, right?
// text: "Make video look like on a Smart TV"
// onClicked: {
// if (checkbox.checked) {
// renderer.setProperty("sharpen", 5.0)
// } else {
// renderer.setProperty("sharpen", 0)
// }
// }
// }
// Slider {
// id: slider
// anchors.margins: 10
// anchors.left: checkbox.left
// anchors.right: checkbox.right
// minimumValue: -100
// maximumValue: 100
// value: 0
// onValueChanged: renderer.setProperty("gamma", slider.value | 0)
// }
// }
//}
//}