qml treeview 图标_如何使用QML Qt 5.5正确显示Treeview

I'm trying to create a correct Treeview with Qml Qt 5.5.

I succeed to have a Treeview with a global root.

But impossible to find how to add child for row item.

For the moment I got something like that :

TreeView {

id:listTree

anchors.fill: parent

anchors.leftMargin: 1

headerVisible: false

backgroundVisible: false

selection: ItemSelectionModel {

model: myModel

}

TableViewColumn {

role: "name"

}

itemDelegate: Item {

Text {

anchors.verticalCenter: parent.verticalCenter

color: styleData.textColor

elide: styleData.elideMode

text: styleData.value

}

}

Component.onCompleted: {

model.append({"name":"Never"})

model.append({"name":"gonna"})

model.append({"name":"give"})

model.append({"name":"you"})

model.append({"name":"up"})

model.append({"name":"Never"})

model.append({"name":"gonna"})

model.append({"name":"let"})

model.append({"name":"you"})

model.append({"name":"dow"})

}

}

And I would like something like that :

How can I do it ?

解决方案

Your model doesn't have any parent child relationships which is why its displayed like a list.

You'll want your "TreeModel" to be a collection of TreeItems. Each TreeItem will have knowledge of their own children and their parent item.

You can follow a fully implemented Qt example found here http://doc.qt.io/qt-5/qtwidgets-itemviews-simpletreemodel-example.html. You'll want to (in C++) make a class for TreeItem, and a separate class for your TreeModel.

That example is working code, you can just copy and paste it and get a working model for your TreeView.

The part you'll be particularly interested in is the implementation of the method setupModelData(). That's where you'll want to parse through your wonderful dataset of 80's lyrics and assign each of them a TreeItem.

Each TreeItem (one for every row of data) should be given knowledge of its parent upon creation (in its constructor). Then as soon as its children are created, call parentTreeItem.appendChild(childTreeItem)

When your model is completed, you can assign it to your qml view in a few ways, registering it with qmlRegisterType is what I prefer (http://doc.qt.io/qt-5/qqmlengine.html#qmlRegisterType)

Once registered, it can be created in qml as though it were a ListView or any other qml object.

NOTE: You'll have this rootItem. This is something that isn't usable by the view, but all your "first indentation" parents are children of the rootItem.

Good luck!

Can you provide a code snippet of what line is causing your about failing to make a shortcut for QAbstractItemModel?