width: container.width * container.scale
height: container.height * container.scale
title: 'HomeScreen'
+ color: "#00000000"
+
+ Image {
+ id: fullscreen_back
+ anchors.centerIn: parent
+ width: 1920
+ height: 1080
+ source: './images/menubar_fullscreen_background.png'
+ }
Image {
id: container
anchors.centerIn: parent
- width: 1080
- height: 1920
- scale: screenInfo.scale_factor()
- source: './images/AGL_HMI_Blue_Background_NoCar-01.png'
+ width: 1920
+ height: 1080
+ scale: 1.0
+ source: './images/menubar_background.png'
ColumnLayout {
- anchors.fill: parent
+ id: menuBar
+ width: 1920
+ height: 720
+// y:180
spacing: 0
TopArea {
id: topArea
- Layout.fillWidth: true
- Layout.preferredHeight: 218
+ anchors.horizontalCenter: parent.horizontalCenter
+ Layout.preferredHeight: 80
+ x: 640
}
Item {
id: applicationArea
Layout.fillWidth: true
Layout.fillHeight: true
- Layout.preferredHeight: 1920 - 218 - 215
+ Layout.preferredHeight: 510
visible: true
+ MouseArea {
+ enabled: true
+ }
}
- MediaArea {
- id: mediaArea
- Layout.fillWidth: true
+ ShortcutArea {
+ id: shortcutArea
+ anchors.horizontalCenter: parent.horizontalCenter
Layout.fillHeight: true
- Layout.preferredHeight: 215
+ Layout.preferredHeight: 130
}
}
- }
-
- Timer {
- id:informationTimer
- interval: 3000
- running: false
- repeat: true
- onTriggered: {
- bottomInformation.visible = false
+ states: [
+ State {
+ name: "normal"
+ PropertyChanges {
+ target: container
+ y: 180
+ }
+ PropertyChanges {
+ target: topArea
+ y: 180
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: 260
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 770
+ }
+ },
+ State {
+ name: "fullscreen"
+ PropertyChanges {
+ target: container
+ y: -900
+ }
+ PropertyChanges {
+ target: topArea
+ y: -260
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: -590
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 900
+ }
+ }
+ ]
+ 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: bottomInformation
- width: parent.width
- height: 215
- anchors.bottom: parent.bottom
- visible: false
- Text {
- id: bottomText
+ id: switchBtn
+ width: 61
+ height: 61
+ anchors.right: parent.right
+ anchors.rightMargin: 17
+ anchors.top: parent.top
+ anchors.topMargin: 182
+ z: 1
+ Image {
+ id: image
+ width: 55
+ height: 55
anchors.centerIn: parent
- font.pixelSize: 25
- font.letterSpacing: 5
- horizontalAlignment: Text.AlignHCenter
- color: "white"
- text: ""
- z:1
+ source: './images/normal.png'
}
- }
- Connections {
- target: homescreenHandler
- onShowInformation: {
- bottomText.text = info
- bottomInformation.visible = true
- informationTimer.restart()
+ MouseArea {
+ anchors.fill: parent
+ property string btnState: 'normal'
+ onClicked: {
+ if (container.state === 'normal') {
+ turnToFullscreen()
+ } else {
+ turnToNormal()
+ }
+ }
}
}
- Timer {
- id:notificationTimer
- interval: 3000
- running: false
- repeat: true
- onTriggered: notificationItem.visible = false
- }
-
Item {
- id: notificationItem
- x: 0
- y: 0
+ id: splitSwitchBtn
+ width: 61
+ height: 61
+ anchors.right: switchBtn.left
+ anchors.top: parent.top
+ anchors.topMargin: 182
z: 1
- width: 1280
- height: 100
- opacity: 0.8
- visible: false
-
- Rectangle {
- width: parent.width
- height: parent.height
+ property bool enableSplitSwitchBtn: false
+ Image {
+ id: splitSwitchImage
+ width: 55
+ height: 55
+ anchors.centerIn: parent
+ source: './images/split_switch_disable.png'
+ }
+
+ MouseArea {
+ property bool changed : false
anchors.fill: parent
- color: "gray"
- Image {
- id: notificationIcon
- width: 70
- height: 70
- anchors.left: parent.left
- anchors.leftMargin: 20
- anchors.verticalCenter: parent.verticalCenter
- source: ""
+ onClicked: {
+ if (splitSwitchBtn.enableSplitSwitchBtn) {
+ if(changed) {
+ switchSplitArea(0)
+ changed = false
+ }
+ else {
+ switchSplitArea(1)
+ changed = true
+ }
+ }
}
+ }
+ }
- Text {
- id: notificationtext
- font.pixelSize: 25
- anchors.left: notificationIcon.right
- anchors.leftMargin: 5
- anchors.verticalCenter: parent.verticalCenter
- color: "white"
- text: qsTr("")
+ Item {
+ id: rebootBtn
+ width: 70
+ height: 70
+ anchors.left: parent.left
+ anchors.top: parent.top
+ z: 1
+ MouseArea {
+ anchors.fill: parent
+ onClicked: {
+ homescreenHandler.reboot();
}
}
}
- Connections {
- target: homescreenHandler
- onShowNotification: {
- notificationIcon.source = icon_path
- notificationtext.text = text
- notificationItem.visible = true
- notificationTimer.restart()
- }
+
+ function turnToFullscreen() {
+ image.source = './images/fullscreen.png'
+ container.state = 'fullscreen'
+ container.opacity = 0.0
+ touchArea.switchArea(1)
+ }
+
+ function turnToNormal() {
+ image.source = './images/normal.png'
+ container.state = 'normal'
+ container.opacity = 1.0
+ touchArea.switchArea(0)
+ }
+
+ function enableSplitSwitchBtn() {
+ splitSwitchImage.source = './images/split_switch.png'
+ splitSwitchBtn.enableSplitSwitchBtn = true
+ }
+
+ function disableSplitSwitchBtn() {
+ splitSwitchImage.source = './images/split_switch_disable.png'
+ splitSwitchBtn.enableSplitSwitchBtn = false;
+ }
+
+ function switchSplitArea(val) {
+ homescreenHandler.changeLayout(val);
}
}