First Commit

3rdparty/kddockwidgets/examples/qtquick/customtabbar/main.qml

@@ -0,0 +1,75 @@
+/*
+  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
+
+/// The top 3 tabbed dock widgets were created in C++, while the bottom 2 (dock4 and dock5) were created in QML
+
+ApplicationWindow {
+    visible: true
+    width: 1000
+    height: 800
+
+    menuBar: MenuBar {
+        Menu {
+            title: qsTr("&Misc")
+            Action {
+                // For demonstration purposes, show how to change title:
+                text: qsTr("Change title of #4")
+                onTriggered: {
+                  dock4.title = "new title";
+                }
+            }
+        }
+    }
+
+    KDDW.DockWidget {
+        id: dock4
+        uniqueName: "dock4"
+        Rectangle {
+            color: "#85baa1"
+            anchors.fill: parent
+            Text {
+                font.pixelSize: 25
+                text: "Four"
+                anchors.centerIn: parent
+            }
+        }
+    }
+
+    KDDW.DockWidget {
+        id: dock5
+        uniqueName: "dock5"
+        Rectangle {
+          color: "#85baa1"
+          anchors.fill: parent
+          Text {
+              font.pixelSize: 25
+              text: "Five"
+              anchors.centerIn: parent
+          }
+        }
+    }
+
+    KDDW.DockingArea {
+        id: dockWidgetArea
+        anchors.fill: parent
+
+        uniqueName: "MyMainLayout"
+
+        Component.onCompleted: {
+           addDockWidget(dock4, KDDW.KDDockWidgets.Location_OnBottom);
+           dock4.addDockWidgetAsTab(dock5);
+        }
+    }
+}