examples/declarative/focus/Core/ListViewDelegate.qml


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

import Qt 4.7

Component {
    Item {
        id: container
        x: 5; width: ListView.view.width - 10; height: 60

        Rectangle {
            id: content
            color: "transparent"; smooth: true
            anchors.centerIn: parent; width: container.width - 40; height: container.height - 10; radius: 10
            Rectangle { color: "#91AA9D"; x: 3; y: 3; width: parent.width - 6; height: parent.height - 6; radius: 8 }
            Text {
                text: "List element " + (index + 1); color: "#193441"; font.bold: false; anchors.centerIn: parent
                font.pixelSize: 14
            }
        }

        MouseArea {
            id: mouseArea; anchors.fill: parent; hoverEnabled: true
            onClicked: {
                ListView.view.currentIndex = index
                container.focus = true
                ListView.view.focus = true
                listViews.focus = true
                mainView.focus = true
            }
        }

        states: State {
            name: "active"; when: container.focus == true
            PropertyChanges { target: content; color: "#FCFFF5"; scale: 1.1 }
        }

        transitions: Transition {
            NumberAnimation { properties: "scale"; duration: 100 }
        }
    }
}