QML and Qt Quick

This is a QGIS plugin with GUI, so it isn't possible to put it outside of QGIS program (which you can download for free here: https://qgis.org/pl/site/forusers/download.html)

Set interactive to false, implement custom handlers for keys using Shortcut or Keys or keyNavigationEnabled https://doc.qt.io/qt-6/qml-qtquick-listview.html#keyNavigationEnabled-prop (you can use ListViews methods like flick()), and bouncing can be controlled via properties like boundsBehavior https://doc.qt.io/qt-6/qml-qtquick-flickable.html#boundsBehavior-prop.

Just tested it. It aligned to the left. But set the width property. horizontalAlignment doesn't usually work without it. Now the following code works for both import QtQuick 2.15 import QtQuick.Window 2.15 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.3 Window { width: 640 height: 480 visible: true title: qsTr("Hello World") ColumnLayout { width: 100 height: 50 Item { Layout.fillWidth: true Layout.fillHeight: true TextField { //anchors.fill: parent horizontalAlignment: Text.AlignHCenter selectByMouse: true width : 100 focus: true text: "fwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwqfwq" // text: "fwq" } } } }

Workaround: to off "Show QML object tree" in Preferences -> Debuger -> General Now I can run and debug.

if they share the same parent, define it inside the parent qml? If not, define it in a settings class(for example GlobalSettings).

@nadimnadaf Are you sure you're using Qt installed via Maintenance Tool and not the one provided by Ubuntu? Check the Kit you're using.

Thanks, Your solution works ! But the two lines below were not a concern as color: model["color"] worked fine property var sourcemodel: model color: sourcemodel.color what solved my issue in your response is model: runList My understanding was that model["runList"] and model: runList were equivalent, just needed for desambiguation. I had wrong but don't know why... @fcarney thanks for your patience, that solved my issue !

How are the cell positions determined? A GridLayout + a Repeater could work.

Hi! Could you describe how you did it? I cannot use "points" custom geometry, due to small size of points (and cannot change their size because there are some Direct3D limitations, as stated in docs: https://doc.qt.io/qt-6/qml-qtquick3d-defaultmaterial.html#pointSize-prop )

@Neku https://en.wikipedia.org/wiki/Minimal_reproducible_example

@aiden_ as the highlight is not inside the delegate "loop" you can't access the model properties as inside the delegate. Therefore you could e.g. do something like this: // read the hcolor value from the ListModel itself highlight: Rectangle { color: bestModel.get(best.currentIndex).hcolor } also you could add a property to the delegate item and reference to this property: delegate: Text { // property used to be accessed by currentItem of ListView property color highlightColor: hcolor // model. -> required because of ambiguous "text" property text: model.text // model. -> not required as "mcolor" is not ambiguous color: mcolor } highlight: Rectangle { color: best.currentItem.highlightColor }

Thanks to Mitch Curtis. He answered me: However, it's working as expected: the size of the Button is as you requested. However, because the Material style Button uses positive insets for the elevation drop shadow effect, the background is pushed inwards: https://doc.qt.io/qt-6/qml-qtquick-controls2-control.html#control-layout Oh, right, I forgot to mention the solution: set topInset and bottomInset to 0.

Maybe you should use DelegateModel. eg: TableView { model: DelegateModel { model: xxx delegate: xxx } }