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
|
import QtQuick 1.0
Item {
width: 300
height: 400
Rectangle {
id: root
color: "darkkhaki"
x: 50
y: 50
width: 200
height: 300
Rectangle {
id: statusbar
color: "chocolate"
height: 30
anchors.top: root.top
anchors.left: root.left
anchors.right: root.right
}
Rectangle {
id: titlebar
color: "crimson"
height: 60
anchors.top: statusbar.bottom
anchors.left: root.left
anchors.right: root.right
}
MouseArea {
anchors.fill: parent
onClicked: {
root.state = root.state ? "" : "fullscreen";
}
}
states: [
State {
name: "fullscreen"
AnchorChanges {
target: statusbar
anchors.top: undefined
anchors.bottom: titlebar.top
}
AnchorChanges {
target: titlebar
anchors.top: undefined
anchors.bottom: root.top
}
}
]
transitions: [
Transition {
AnchorAnimation { }
}
]
}
}
|