tests/auto/declarative/qmlvisual/qdeclarativemousearea/mousearea-flickable.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
40
41
42
43
44
45
46
47
48
49
50
51
52

import QtQuick 1.0

Rectangle {
    width: 400; height: 480
    color: "white"

    Flickable {
        anchors.fill: parent
        contentHeight: 100

        Rectangle {
            id: yellow
            width: 400; height: 120
            color: "yellow"
            MouseArea {
                anchors.fill: parent
                onPressedChanged: pressed ? yellow.color = "lightyellow": yellow.color = "yellow"
            }
        }
        Rectangle {
            id: blue
            width: 400; height: 120
            y: 120
            color: "steelblue"
            MouseArea {
                anchors.fill: parent
                onPressed: blue.color = "lightsteelblue"
                onCanceled: blue.color = "steelblue"
            }
        }
        Rectangle {
            id: red
            y: 240
            width: 400; height: 120
            color: "red"
            MouseArea {
                anchors.fill: parent
                onEntered:  { red.color = "darkred"; tooltip.opacity = 1 }
                onCanceled: { red.color = "red"; tooltip.opacity = 0 }
            }
            Rectangle {
                id: tooltip
                x: 10; y: 20
                width: 100; height: 50
                color: "green"
                opacity: 0
            }
        }

    }

}