+ Layout.preferredHeight: 130
+ }
+ }
+ states: [
+ State {
+ name: "normal"
+ PropertyChanges {
+ target: container
+ y: 0
+ }
+ PropertyChanges {
+ target: topArea
+ y: 0
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: 80
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 590
+ }
+ },
+ State {
+ name: "fullscreen"
+ PropertyChanges {
+ target: container
+ y: -720
+ }
+ PropertyChanges {
+ target: topArea
+ y: -80
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: -510
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 720
+ }
+ }
+ ]
+ transitions: Transition {
+ NumberAnimation {
+ target: topArea
+ property: "y"
+ easing.type: "OutQuad"
+ duration: 250
+ }
+ NumberAnimation {
+ target: applicationArea
+ property: "y"
+ easing.type: "OutQuad"
+ duration: 250
+ }
+ NumberAnimation {
+ target: shortcutArea
+ property: "y"
+ easing.type: "OutQuad"
+ duration: 250
+ }
+ }
+ }
+
+
+
+
+
+ Item {
+ id: switchBtn
+ width: 110
+ height: 110
+ anchors.right: parent.right
+ anchors.top: parent.top
+ z: 1
+ Image {
+ id: image
+ width: 55
+ height: 55
+ anchors.right: parent.right
+ anchors.rightMargin: 20
+ anchors.top: parent.top
+ anchors.topMargin: 5
+ source: './images/normal.png'
+ }
+
+ MouseArea {
+ anchors.fill: parent
+ property string btnState: 'normal'
+ onClicked: {
+ if (container.state === 'normal') {
+ turnToFullscreen()
+ } else {
+ turnToNormal()
+ }