데이터를 표시 할 수 있는 ListModel을 가지고 있다.
수평 또는 수직으로 배치할 수 있다.

수평으로 배치하는 ListView이다.

[code language=”cpp”] ListModel {
id: contactModel
ListElement {
name: "조인성" ; number: "010-1111-1111"
}
ListElement {
name: "공효진"; number: "010-1111-2222"
}
ListElement {
name: "이광수"; number: "010-1111-3333"
}
ListElement {
name: "이광수"; number: "010-1111-3333"
}
ListElement {
name: "이광수"; number: "010-1111-3333"
}
ListElement {
name: "이광수"; number: "010-1111-3333"
}
ListElement {
name: "이광수"; number: "010-1111-3333"
}
}

ListView {
width: 400; height: 400
orientation: ListView.Horizontal // 수평
Component {
id: contactDelegate
Rectangle {
id: wrapper
width: 200
height: contactInfo.height
color: ListView.isCurrentItem ? "yellow" : "red"
Text {
id: contactInfo
text: name + " : " + number
color: wrapper.ListView.isCurrentItem ? "red" : "black"
}
}
}
model:contactModel
delegate: contactDelegate
highlight: Rectangle { color: "lightsteelblue"; radius: 5}
focus: true
}[/code]

[실행화면]
4

ListModel를 정의하고 ListView에서 모델데이터를 쓰도록 했다.

수직으로 배치하는 ListView이다.[code language=”cpp”] ListModel {
id: contactModel2
ListElement {
name: "강동원"; number: "010-1111-1111"
}
ListElement {
name: "송혜교"; number: "010-1111-2222"
}
ListElement {
name: "쵸 파"; number: "010-1111-3333"
}
ListElement {
name: "으히히"; number: "010-1111-3333"
}
ListElement {
name: "헤헤헤"; number: "010-1111-3333"
}
ListElement {
name: "케케케"; number: "010-1111-3333"
}
ListElement {
name: "호로록"; number: "010-1111-3333"
}
}

ListView {
width: 180; height: 200
orientation: ListView.Vertical // 수직

Component {
id: contactDelegate2
Rectangle {
id: wrapper
width: 180
height: contactInfo.height
color: ListView.isCurrentItem ? "yellow" : "red"
Text {
id: contactInfo
text: name + " : " + number
color: wrapper.ListView.isCurrentItem ? "red" : "black"
}
}
}
model:contactModel2
delegate: contactDelegate2
highlight: Rectangle { color: "lightsteelblue"; radius: 5} // 하이라이트.
focus: true
}[/code]

[실행화면]
5

[동적 ListView]
동적 ListView에 대해 알아보기

ListModel     |   TableView 》