Qt_Note21_QML_访问复杂控件中的组件

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    color: "white"

    ListView{
        id: list
        width: 100
        height: 300
        model: ["zhangsan", "lisi", "wangwu"]   //quan'bu'sh够

//        delegate: Text {    //绘制 控制单个 项
//            id: txt
//            text: modelData
//        }

        delegate: Column{
            Text {
                id: txt
                text: modelData + "text"
            }
            Button {
                text: modelData + "btn"
            }
        }

    }

    Button{
        id: btn2
        x: 200
        text: "clicked"
        onClicked: {
//            console.log(txt.text)
//            console.log(list.contentItem.children.length)
            for(var i = 0; i < list.contentItem.children.length; i++)
            {
//                console.log(list.contentItem.children[i])
//                if(list.contentItem.children[i] instanceof Text)
//                    console.log(list.contentItem.children[i].text)

                var col = list.contentItem.children[i]
                for(var j = 0; j < col.children.length; j++){
                    console.log(col.children[j])
                }
            }
        }
    }

    Repeater {
        id: rep
        model: 3    //Repeater內部控件是通过model自动生成的，不能判断每个button的id是什么，不能直接访问id
        Button {
            id: btn
            y: index * 60
            text: "btn" + index
        }
    }

//    Button {
//        id: btn2
//        x: 200
//        text: "clicked!"
//        onClicked: {
//            // 打印Repeater三个button的text
            console.log("hello")
            console.log(rep.itemAt(0).text)
            for(var i = 0; i < rep.count; i++)
            {
                console.log(rep.itemAt(i).text)
            }

//            // 打印column里的属性
            console.log(btn.text, txt.text, rect.height, '\n')
//            console.log(col.children.length)
//            for(var i = 0; i < col.children.length; i++)
//            {
                console.log(col.children[i].text)
                console.log(col.children[i] instanceof Button)  //判断当前项是不是我们寻找的控件
//                if(col.children[i] instanceof Button)
//                    console.log(col.children[i].text)
//            }
//        }
//    }

//    Column {
//        id: col
//        spacing: 20
        Button {
            id: btn
            text:  "btn"
        }
        Text {
            id: txt
            text: qsTr("txt")
        }
        Rectangle{
            id: rect
            width: 100
            height: 20
            color: "black"
        }

//        Repeater {  //Repeater也是一个控件
//            id: rep
//            model: 3
//            Button {
//                id: btn
//                text: "btn" + index
//            }
//        }
//        Text {
//            id: txt
//            text: qsTr("txt")
//        }
//        Rectangle{
//            id: rect
//            width: 100
//            height: 20
//            color: "black"
//        }

//    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131