First Commit
This commit is contained in:
209
3rdparty/kddockwidgets/examples/qtquick/dockwidgets/main.qml
vendored
Normal file
209
3rdparty/kddockwidgets/examples/qtquick/dockwidgets/main.qml
vendored
Normal file
@@ -0,0 +1,209 @@
|
||||
/*
|
||||
This file is part of KDDockWidgets.
|
||||
|
||||
SPDX-FileCopyrightText: 2020 Klarälvdalens Datakonsult AB, a KDAB Group company <info@kdab.com>
|
||||
Author: Sergio Martins <sergio.martins@kdab.com>
|
||||
|
||||
SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-only
|
||||
|
||||
Contact KDAB at <info@kdab.com> for commercial licensing options.
|
||||
*/
|
||||
|
||||
import QtQuick 2.6
|
||||
import QtQuick.Controls 2.12
|
||||
import com.kdab.dockwidgets 2.0 as KDDW
|
||||
|
||||
ApplicationWindow {
|
||||
visible: true
|
||||
width: 1000
|
||||
height: 800
|
||||
|
||||
menuBar: MenuBar {
|
||||
Menu {
|
||||
title: qsTr("&File")
|
||||
|
||||
Action {
|
||||
text: qsTr("Save layout")
|
||||
onTriggered: {
|
||||
layoutSaver.saveToFile("mySavedLayout.json");
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Restore layout")
|
||||
onTriggered: {
|
||||
layoutSaver.restoreFromFile("mySavedLayout.json");
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Toggle widget #4")
|
||||
onTriggered: {
|
||||
toggleDockWidget(dock4);
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Toggle widget #5")
|
||||
onTriggered: {
|
||||
toggleDockWidget(dock5);
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Toggle widget #6")
|
||||
onTriggered: {
|
||||
toggleDockWidget(dock6);
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Create widget with min-size")
|
||||
onTriggered: {
|
||||
/// Do not use random uuids if you're planing to use layout save/restore!
|
||||
/// Using them here for convenience of the exercise
|
||||
var uniqueName = _kddwHelpers.generateUuid();
|
||||
|
||||
var code = `import com.kdab.dockwidgets 2.0 as KDDW;
|
||||
import QtQuick 2.6;
|
||||
KDDW.DockWidget {
|
||||
uniqueName: "${uniqueName}";
|
||||
title: "min-size=" + guest.kddockwidgets_min_size
|
||||
Rectangle {
|
||||
id: guest
|
||||
property var kddockwidgets_min_size: Qt.size(800, 200)
|
||||
// property var kddockwidgets_max_size: Qt.size(800, 400) Not yet supported
|
||||
color: "#85baa1";
|
||||
anchors.fill: parent;
|
||||
}
|
||||
}`;
|
||||
|
||||
var newDW = Qt.createQmlObject(code, root);
|
||||
newDW.open();
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
text: qsTr("Close All")
|
||||
onTriggered: {
|
||||
_kddwDockRegistry.clear();
|
||||
}
|
||||
}
|
||||
|
||||
Action {
|
||||
// Shows how to use direct deletion
|
||||
text: qsTr("Delete widget #5")
|
||||
onTriggered: {
|
||||
dock5.deleteDockWidget();
|
||||
}
|
||||
}
|
||||
|
||||
MenuSeparator { }
|
||||
Action { text: qsTr("&Quit")
|
||||
onTriggered: {
|
||||
Qt.quit();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.DockingArea {
|
||||
id: root
|
||||
anchors.fill: parent
|
||||
|
||||
// Each main layout needs a unique id
|
||||
uniqueName: "MainLayout-1"
|
||||
|
||||
Repeater {
|
||||
model: 3
|
||||
KDDW.DockWidget {
|
||||
uniqueName: "fromRepeater-" + index
|
||||
source: ":/Another.qml"
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.DockWidget {
|
||||
id: dock4
|
||||
uniqueName: "dock4" // Each dock widget needs a unique id
|
||||
source: ":/Another.qml"
|
||||
|
||||
onIsOpenChanged: {
|
||||
// Just an example of detecting when a dockwidget is closed
|
||||
console.log("Dock4 is open ? " + isOpen)
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.DockWidget {
|
||||
id: dock5
|
||||
uniqueName: "dock5"
|
||||
Rectangle {
|
||||
id: guest
|
||||
color: "#2E8BC0"
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.DockWidget {
|
||||
id: dock6
|
||||
uniqueName: "dock6"
|
||||
Rectangle {
|
||||
color: "#2E8BC0"
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.DockWidget {
|
||||
id: dock7
|
||||
uniqueName: "dock7"
|
||||
Rectangle {
|
||||
color: "#145DA0"
|
||||
anchors.fill: parent
|
||||
Button {
|
||||
// This button is just to show some API where we maximize from docked state
|
||||
text: "Toggle Maximized"
|
||||
visible: _exampleShowsMaximize
|
||||
anchors {
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
margins: 5
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
dock7.actualTitleBar.onFloatClicked();
|
||||
dock7.actualTitleBar.toggleMaximized();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
// Add dock4 to the Bottom location
|
||||
addDockWidget(dock4, KDDW.KDDockWidgets.Location_OnBottom);
|
||||
|
||||
// Add dock5 to the left of dock4
|
||||
addDockWidget(dock5, KDDW.KDDockWidgets.Location_OnRight, dock4);
|
||||
|
||||
// Adds dock6 but specifies a preferred initial size and it starts hidden
|
||||
// When toggled it will be shown on the desired dock location.
|
||||
// See MainWindowInstantiator_p.h for the API
|
||||
addDockWidget(dock6, KDDW.KDDockWidgets.Location_OnLeft, null,
|
||||
Qt.size(500, 100), KDDW.KDDockWidgets.StartHidden);
|
||||
|
||||
|
||||
// dock7 will be tabbed with dock7:
|
||||
dock5.addDockWidgetAsTab(dock7);
|
||||
}
|
||||
}
|
||||
|
||||
KDDW.LayoutSaver {
|
||||
id: layoutSaver
|
||||
}
|
||||
|
||||
function toggleDockWidget(dw) {
|
||||
if (dw.isOpen) {
|
||||
dw.close();
|
||||
} else {
|
||||
dw.show();
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user