QML Reference Manager

0.md

Instance.qml

// The item in the ListView

import QtQuick 2.3
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1

MouseArea {
    height: 50
    width: parent.width
    hoverEnabled: true

    Rectangle {
        color: "steelblue"
        anchors.fill: parent
        visible: parent.containsMouse
        opacity: 0.3
    }

    RowLayout {
        anchors.fill: parent
        anchors.margins: 10
        spacing: 10

        CheckBox {}
        Label { text: modelData.type; color: "#888"; font.italic: true }
        Label { text: modelData.name; Layout.fillWidth: true }
        Label { text: modelData.path }
        ComboBox { model: modelData.versions; Layout.preferredWidth: 60 }
    }
}

reference_manager.py

"""QML launcher

This Python scripts connects to the PyQt run-time and
loads the associated QML script.

This is also where we'll establish communication between
Python and QML; QML is always the View, Python the
Controller and optionally also the Model.

"""

import sys
import contextlib
from PyQt5 import QtCore, QtGui, QtQuick


@contextlib.contextmanager
def application():
    app = QtGui.QGuiApplication(sys.argv)
    yield
    app.exec_()


if __name__ == '__main__':
    qml = QtCore.QUrl.fromLocalFile("reference_manager.qml")

    with application():
        window = QtQuick.QQuickView()
        window.setSource(qml)
        window.setTitle("Manager")
        window.setResizeMode(window.SizeRootObjectToView)
        window.show()

reference_manager.qml

import QtQuick 2.4
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3


Item {
    width: 500
    height: 300

    Item {
        // To add some margin around the list view
        id: container
        anchors.fill: parent
        anchors.bottomMargin: 30

        ListView {
            id: items

            anchors.fill: parent
            anchors.margins: 10

            // Defined in Instance.qml
            delegate: Instance {}

            // This is normally coming from Python
            model: [
                {
                    type: "asset",
                    name: "shapes",
                    path: "c:/users/Roy/Desktop/shapes.ma",
                    versions: ["v001", "v002"]
                },
                {
                    type: "asset",
                    name: "shapes1",
                    path: "c:/users/Roy/Desktop/shapes.ma",
                    versions: ["v001", "v002", "v003", "v004"]
                },
                {
                    type: "asset",
                    name: "shapes2",
                    path: "c:/users/Roy/Desktop/shapes.ma",
                    versions: ["v001", "v002", "v003"]
                },
            ]
        }
    }

    RowLayout {
        id: buttons

        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.rightMargin: 10

        height: 40

        Item { Layout.fillWidth: true }

        Button {
            id: refreshButton
            text: "Refresh"
        }

        Button {
            id: applyButton
            text: "Apply"
        }
    }   
}