Стыковка в QtQuick

Question

Насколько я понимаю, нет встроенных функций для закрепляемых контейнеров в QtQuick. Я нашел несколько источников, где это добавлено, однако у меня возникли проблемы с решением вопроса о том, куда идти.

https://developer.blackberry.com/native/documentation/dev/custom_components/index.html

How to get a QMainWindow from ApplicationWindow QML file to allow use of QDockWidget with QML files

Может кто-то порекомендовать путь (или, предпочтительно, библиотека), чтобы добавить стыковку к QtQuick?

Answer 1

Я нашел решение, которое работает с несколькими окнами, перемещая виджет из главного окна (пристыкованное состояние) в новое окно (состояние отстыкованного состояния).

Надеясь, что это полезно для других здесь полный пример:

import QtQuick 2.7 
import QtQuick.Controls 2.0 
import QtQuick.Layouts 1.0 
import QtQuick.Window 2.2 

ApplicationWindow { 
    visible: true 
    width: 640 
    height: 480 
    title: qsTr("Hello World") 

    Window { 
     width: 100; 
     height: 100; 
     visible: false; 
     id: wnd 

     Rectangle { 
      id: greenRect 
      anchors.fill: parent 
     } 

     onClosing: { 
      blueRect.state = "docked" 
     } 

    } 

    Item { 
     width: 200; height: 100 

     Rectangle { 
      id: redRect 
      anchors.fill: parent 
     } 

     Rectangle { 
      id: blueRect 
      width: 50; height: 50 
      x: 10; y: 10; 
      color: "blue" 

      states: [ 
       State { 
        name: "undocked" 
        ParentChange { target: blueRect; parent: greenRect; x: 10; y: 10 } 
       }, 
       State { 
        name: "docked" 
        ParentChange { target: blueRect; parent: redRect; x: 10; y: 10 } 
       } 
      ] 

      MouseArea { 
       anchors.fill: parent; 
       onClicked: { 
        blueRect.state = "undocked" 
        wnd.visible = true 
       } 
      } 
     } 
    } 
}