Need help for a TreeView

[Arkning]

Hi,

I want to do something like the left part of the picture below (the tree with the yellow rectangle). First to do that I have to use TreeView right ?
If yes can someone explain me how ? Because I've looked Qt documentation and for TreeView I didn't get it how to use it so If you can help me thanks in advance !

[Eddy]

Hi,

did you have a look at the QML Treeview docs
There is an example there.

The picture you're a referring to is missing in your post. Can you add it? Then we can understand better what you want to do.

[Arkning]

@Eddy My bad, the picture was on a USB key so it didn't save it ^^. And yes has I said I've looked at the QML TreeView docs and thanks for your answer, hope the picture will be helpful.

[Eddy]

Hi Arkning,

Your picture is still missing

how did you insert it? Did you use a image provider? Then use the following syntax to put it in your post :

 ![alternate text](url)

[Arkning]

@Eddy I insert it by drag and dropping it.

[Eddy]

I don't think that will work. Do you see your image after drag and drop?
At least I don't see it over here.

please follow the instructions in this link
to show us your picture, otherwise it will be difficult to help you out.

Eddy

[Arkning]

@Eddy Yes I see It (the picture is inside the first message), but It's an image from my computer not from internet so url doesn't work

[Fheanor]

Upload it on internet and share it to us, it will be more easier I think

[Arkning]

@Fheanor https://www.google.fr/search?q=arborescence&source=lnms&tbm=isch&sa=X&ved=0ahUKEwie0IjOtPbTAhUKJlAKHdl6DaEQ_AUICigB&biw=1920&bih=908#imgrc=IYXrqFXnP7ShfM:

I try with an url but it didn't work so here is a link to a photo on google image that show what I want.

[Fheanor]

Looks like you have to use a TreeView with Rectangle Delegate on each line

[Arkning]

@Fheanor Thanks for the answer do you have a code example ?

[Fheanor]

I don't have an example that correspond to your example, but these are two examples of how you can use Delegate inside a TreeView.

• You can use the itemDelegate property of a TreeView . This example will change the color of each line:

itemDelegate: Rectangle {
       color: ( styleData.row % 2 == 0 ) ? "white" : "lightblue"
       Text {
           anchors.verticalCenter: parent.verticalCenter
           anchors.left: parent.left
           text: styleData.value // this points to the role we defined in the TableViewColumn below; which one depends on which column this delegate is instantiated for.
       }
}

• You can also define a special Delegate for each column of your TreeView like that:

TableViewColumn {
       id : someColumn
       role: "someRole"
       title: someRole
       delegate : Rectangle {
           ...
     }
}

Now you have to play with this to draw what you want

[Arkning]

@Fheanor Ok thanks i'll try I will let you know about my situation. Again thanks for the answers and your time !

[Fheanor]

You are welcome :)

[Arkning]

@Fheanor Hi, so I didn't manage to make it work, now just forget about the Rectangle thing, I just want to make a Treeview so can you help me ?

[Fheanor]

@Arkning You need to share what you try to do so we can help you. What is not working when you try to make a TreeView ?
This example that was linked before works perfectly.

[Arkning]

@Fheanor I have some assigning the model value, the example that you gave me the TableViewColumn part work but not the model one, Qt tell me that fileSystemModel doesn't exist. Actually I just want to add some "node" or p"parent" to my Treeview and of course some "children" I suppose it has a link with the model but I don't know how to do it. Hope it is more clear now. Thanks again for your time !

[Fheanor]

@Arkning
This example is in your QtExample folder.
Just open your IDE, click on Examples and then write : TreeView. You will see the project.

[Arkning]

@Fheanor I don't have Examples on my IDE... Where should it be on the screen ?

[Fheanor]

You can also create a TreeModel in C++ and then bind it to your Qml TreeView :

model: myTreeModel

If you don't understand how to bind model and view, have a look on this