BlinCT
15 вересня 2023 р. 22:35

Размеры полей в TreeView

qml

Всем привет.
Пытаюсь сделать дерево вот такого вида

Дерево treeview
Пытаюсь организовать делегат для каждой строки в дереве. ТО есть отступ какого то размера и если при открытии есть подсписок то увеличивать наверное с каждым шагом по 2.
Но что-то не моуг правильно выстроить данные для строки.
Может кто поправить меня где ошибка у меня?
Вот часть кода:

Rectangle
        {
            SplitView.minimumWidth: root.width * 0.1
//            SplitView.maximumWidth: root.width * 0.25

            width: root.width * 0.5

            color: "#5a5a5a" // TODO: need from C++

            TreeView
            {
                id: treeViewBookmark

                anchors.fill: parent

                clip: true

                delegate: Item
                {
                    id: treeDelegate
                    required property int page
                    required property point location
                    required property real zoom
//                    color: "yellow"

//                    implicitWidth: padding + label.x + label.implicitWidth + padding
                    implicitHeight: label.implicitHeight * 1.5

                    readonly property real indent: 20
                    readonly property real padding: 5

//                    // Assigned to by TreeView:
                    required property TreeView treeView
                    required property bool isTreeNode
                    required property bool expanded
                    required property int hasChildren
                    required property int depth

                    RowLayout
                    {
                        spacing: treeViewBookmark.width * 0.03

                        anchors.fill: parent

                        Rectangle
                        {
                            id: name

                            Layout.fillHeight: true
                            width: treeDelegate.padding + (treeDelegate.depth * indicator.width)
                            color: "yellow"
//                            Layout.width: treeDelegate.padding + (treeDelegate.depth * treeDelegate.indent)
                        }

                        Rectangle
                        {
                            id: rectIndicator

                            width: childrenRect.width

                            Text
                            {
                                id: indicator
                                visible: treeDelegate.isTreeNode && treeDelegate.hasChildren
//                                x: padding + (treeDelegate.depth * treeDelegate.indent)
                                anchors.verticalCenter: label.verticalCenter
                                text: "▸"
                                rotation: treeDelegate.expanded ? 90 : 0
                            }
                        }

                        Rectangle
                        {
                            id: rectTabel

                            Text
                            {
                                id: label
                                anchors.fill: parent

                                clip: true
                                text: model.display
                                color: "#b7b7b7"
                            }
                        }


                    }

                    TapHandler {
                        onTapped: {
                            treeView.toggleExpanded(row)
                            var qi = treeViewBookmark.index(row, 0)
                        }
                    }
                }

                model: PdfBookmarkModel
                {
                    document: docPdf
                }

                ScrollBar.vertical: ScrollBar { }
            }
        }

Заранее благодарю

2

Вам це подобається? Поділіться в соціальних мережах!

0

Коментарі

Only authorized users can post comments.
Please, Log in or Sign up