|
|
/******************************************************************
|
|
|
Copyright © Deng Zhimao Co., Ltd. 1990-2030. All rights reserved.
|
|
|
* @projectName QDesktop
|
|
|
* @brief main.qml
|
|
|
* @author Deng Zhimao
|
|
|
* @email 1252699831@qq.com
|
|
|
* @date 2020-07-31
|
|
|
*******************************************************************/
|
|
|
import QtQuick 2.9
|
|
|
import QtQuick.Window 2.3
|
|
|
import QtQuick.Controls 2.0
|
|
|
import QtQuick.Controls 2.2
|
|
|
import QtQuick.Controls.Styles 1.4
|
|
|
import QtGraphicalEffects 1.12
|
|
|
import QtQuick.Controls 1.2
|
|
|
import an.weather 1.0
|
|
|
import an.model 1.0
|
|
|
import myDesktop 1.0
|
|
|
import "./calculator"
|
|
|
import "./weather"
|
|
|
import "./desktop"
|
|
|
import "./music"
|
|
|
import "./media"
|
|
|
import "./wireless"
|
|
|
import "./fileview"
|
|
|
import "./tcpclient"
|
|
|
import "./tcpserver"
|
|
|
import "./alarms"
|
|
|
import "./udpchat"
|
|
|
import "./photoview"
|
|
|
import "./iotest"
|
|
|
import "./sensor"
|
|
|
import "./system"
|
|
|
import "./radio"
|
|
|
import "./settings"
|
|
|
import "./aflex"
|
|
|
|
|
|
Window {
|
|
|
id: mainWindow
|
|
|
property int dayOrNight: 0
|
|
|
property bool myMusicstate: false
|
|
|
property string currentTimeString
|
|
|
property string currentTimeStringSecond
|
|
|
property string currentDateString
|
|
|
property string currentWeekString
|
|
|
property bool rebootFlag: false
|
|
|
property bool poweroffFlag: false
|
|
|
property bool backFlag: false
|
|
|
visible: true
|
|
|
width: WINenv ? 800 : Screen.desktopAvailableWidth
|
|
|
height: WINenv ? 480 : Screen.desktopAvailableHeight
|
|
|
property bool smallScreen: width == 480 ? true : false
|
|
|
|
|
|
//flags:Qt.FramelessWindowHint
|
|
|
|
|
|
MyDesktop {
|
|
|
id: myDesktop
|
|
|
onSysVolumeChanged: {
|
|
|
system_volume_slider.value = Number(sysVolume)
|
|
|
}
|
|
|
onCpuTempChanged: {
|
|
|
displayCpuTemp.text = "CPU:" + cpuTemp + "℃"
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Component.onCompleted: {
|
|
|
myDesktop.timerInit()
|
|
|
}
|
|
|
|
|
|
Timer{
|
|
|
id: volume_timer
|
|
|
interval: 5000
|
|
|
repeat: true
|
|
|
running: false
|
|
|
onTriggered:{
|
|
|
volume_timer.stop()
|
|
|
desktop_bell.checked = false
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Timer{
|
|
|
id: menu_timer
|
|
|
interval: 5000
|
|
|
repeat: true
|
|
|
running: false
|
|
|
onTriggered:{
|
|
|
menu_timer.stop()
|
|
|
if (menuBt.checked){
|
|
|
hideMenu.start()
|
|
|
xMoveRight.start()
|
|
|
opacityAnHide.start()
|
|
|
menuBt.checked = false
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
RoundButton {
|
|
|
id: backBtn
|
|
|
z: 109
|
|
|
x: parent.x + parent.width - 90
|
|
|
y: parent.y + parent.height / 2 - 50
|
|
|
width: 60
|
|
|
height: 60
|
|
|
focus: false
|
|
|
visible: mainSwipeView.currentIndex != 0
|
|
|
hoverEnabled: enabled
|
|
|
opacity: hovered ? 1 : 0.5
|
|
|
background: Rectangle{
|
|
|
color: "#55ffffff"
|
|
|
radius: parent.width / 2
|
|
|
}
|
|
|
Image {
|
|
|
anchors.centerIn: parent
|
|
|
id: backImage
|
|
|
source: "qrc:/desktop/images/back.png"
|
|
|
}
|
|
|
MouseArea {
|
|
|
anchors.fill: parent
|
|
|
drag.target: backBtn
|
|
|
drag.minimumX: 0
|
|
|
drag.minimumY: 0
|
|
|
drag.maximumX: mainWindow.width - 60
|
|
|
drag.maximumY: mainWindow.height - 60
|
|
|
onClicked: {
|
|
|
if (mainSwipeView.currentIndex == 3)
|
|
|
mainSwipeView.currentIndex = 0
|
|
|
if (mainSwipeView.currentIndex != 0 && mainSwipeView.currentIndex != 3 && backFlag != true)
|
|
|
WINStyle ? mainSwipeView.currentIndex = 0 : mainSwipeView.currentIndex = 3
|
|
|
if (backFlag)
|
|
|
mainSwipeView.currentIndex = 0
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
Rectangle {
|
|
|
anchors.fill: parent
|
|
|
color: "#1f1e58"
|
|
|
}
|
|
|
|
|
|
Item {
|
|
|
id: menuItem
|
|
|
z: 111
|
|
|
//visible: mainSwipeView.currentIndex == 0
|
|
|
visible: false
|
|
|
anchors.fill: parent
|
|
|
|
|
|
Rectangle {
|
|
|
id : menuButtonsBg
|
|
|
color: "transparent"
|
|
|
height: 30
|
|
|
width: 0
|
|
|
x: menuBt.x
|
|
|
y: menuBt.y
|
|
|
radius: 5
|
|
|
Item {
|
|
|
visible: menuButtonsBg.x < menuBt.x - 50
|
|
|
anchors.fill: parent
|
|
|
Image {
|
|
|
id: closeImage
|
|
|
source: "qrc:/desktop/images/close.png"
|
|
|
anchors.centerIn: parent
|
|
|
antialiasing: true
|
|
|
width: 25
|
|
|
height: 25
|
|
|
MouseArea {
|
|
|
hoverEnabled: true
|
|
|
anchors.fill: parent
|
|
|
onClicked: {
|
|
|
Qt.quit()
|
|
|
}
|
|
|
onEntered: closeImage.opacity = 0.5
|
|
|
onExited: closeImage.opacity = 0.8
|
|
|
}
|
|
|
}
|
|
|
Image {
|
|
|
id: rebootImage
|
|
|
source: "qrc:/desktop/images/reboot.png"
|
|
|
anchors.left: parent.left
|
|
|
anchors.top: parent.top
|
|
|
width: 25
|
|
|
height: 25
|
|
|
antialiasing: true
|
|
|
MouseArea {
|
|
|
hoverEnabled: true
|
|
|
anchors.fill: parent
|
|
|
onClicked: {
|
|
|
rebootFlag = true
|
|
|
Qt.quit()
|
|
|
}
|
|
|
onEntered: rebootImage.opacity = 0.5
|
|
|
onExited: rebootImage.opacity = 0.8
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Image {
|
|
|
id: poweroffImage
|
|
|
source: "qrc:/desktop/images/poweroff.png"
|
|
|
anchors.right: parent.right
|
|
|
width: 25
|
|
|
height: 25
|
|
|
antialiasing: true
|
|
|
MouseArea {
|
|
|
hoverEnabled: true
|
|
|
anchors.fill: parent
|
|
|
onClicked: {
|
|
|
poweroffFlag = true
|
|
|
Qt.quit()
|
|
|
}
|
|
|
onEntered: poweroffImage.opacity = 0.5
|
|
|
onExited: poweroffImage.opacity = 0.8
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
PropertyAnimation{
|
|
|
id: showMenu
|
|
|
target: menuButtonsBg
|
|
|
properties: "width"
|
|
|
from: 0
|
|
|
to: 180
|
|
|
duration: 500
|
|
|
}
|
|
|
PropertyAnimation{
|
|
|
id: hideMenu
|
|
|
target: menuButtonsBg
|
|
|
properties: "width"
|
|
|
from: 180
|
|
|
to: 0
|
|
|
duration: 500
|
|
|
}
|
|
|
PropertyAnimation{
|
|
|
id: xMoveLeft
|
|
|
target: menuButtonsBg
|
|
|
properties: "x"
|
|
|
from: menuBt.x
|
|
|
to: menuBt.x - 190
|
|
|
duration: 500
|
|
|
}
|
|
|
|
|
|
PropertyAnimation{
|
|
|
id: xMoveRight
|
|
|
target: menuButtonsBg
|
|
|
properties: "x"
|
|
|
from: menuBt.x -190
|
|
|
to: menuBt.x
|
|
|
duration: 500
|
|
|
}
|
|
|
PropertyAnimation{
|
|
|
id: opacityAnShow
|
|
|
target: menuButtonsBg
|
|
|
properties: "opacity"
|
|
|
from: 0.0
|
|
|
to: 0.8
|
|
|
duration: 500
|
|
|
}
|
|
|
PropertyAnimation{
|
|
|
id: opacityAnHide
|
|
|
target: menuButtonsBg
|
|
|
properties: "opacity"
|
|
|
from: 0.8
|
|
|
to: 0.0
|
|
|
duration: 500
|
|
|
}
|
|
|
Button {
|
|
|
id: menuBt
|
|
|
anchors.right: parent.right
|
|
|
anchors.rightMargin: 20
|
|
|
anchors.topMargin: 5
|
|
|
anchors.top: parent.top
|
|
|
width: 40
|
|
|
height: 20
|
|
|
checked: false
|
|
|
style:ButtonStyle {
|
|
|
background: Rectangle{
|
|
|
color: "transparent"
|
|
|
}
|
|
|
}
|
|
|
Text {
|
|
|
id: menuText
|
|
|
text: qsTr("…")
|
|
|
anchors.centerIn: parent
|
|
|
color: menuBt.hovered ? "white" : "#ccffffff"
|
|
|
font.pixelSize: 30
|
|
|
}
|
|
|
onClicked: {
|
|
|
menu_timer.start()
|
|
|
if (!checked) {
|
|
|
showMenu.start()
|
|
|
xMoveLeft.start()
|
|
|
opacityAnShow.start()
|
|
|
} else {
|
|
|
hideMenu.start()
|
|
|
xMoveRight.start()
|
|
|
opacityAnHide.start()
|
|
|
}
|
|
|
checked = !checked
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Button {
|
|
|
id: desktop_bell
|
|
|
//visible: WINStyle ? menuBt.visible : false
|
|
|
visible: false
|
|
|
anchors.top: menuBt.bottom
|
|
|
anchors.horizontalCenter: menuBt.horizontalCenter
|
|
|
anchors.topMargin: 8
|
|
|
width: 22
|
|
|
height: 26
|
|
|
checked: false
|
|
|
style: ButtonStyle {
|
|
|
background: Rectangle {
|
|
|
color: "transparent"
|
|
|
Image {
|
|
|
anchors.fill: parent
|
|
|
source: "qrc:/desktop/images/bell.png"
|
|
|
opacity: desktop_bell.hovered ? 1 : 0.8
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
onClicked: {
|
|
|
volume_timer.start()
|
|
|
checked = !checked
|
|
|
if (checked)
|
|
|
myDesktop.getSystemVolume()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Rectangle {
|
|
|
anchors.centerIn: parent
|
|
|
width: 300
|
|
|
height: 80
|
|
|
radius: 20
|
|
|
visible: desktop_bell.checked
|
|
|
color: "#424242"
|
|
|
Slider {
|
|
|
id: system_volume_slider
|
|
|
height: 50
|
|
|
width: 280
|
|
|
anchors.centerIn: parent
|
|
|
updateValueWhileDragging: true
|
|
|
stepSize: 1
|
|
|
maximumValue: 127
|
|
|
property bool handled: false
|
|
|
onPressedChanged: {
|
|
|
handled = !handled
|
|
|
volume_timer.start()
|
|
|
if (!handled)
|
|
|
myDesktop.setSystemVolume(value)
|
|
|
}
|
|
|
onValueChanged: {
|
|
|
volume_timer.stop()
|
|
|
}
|
|
|
style: SliderStyle {
|
|
|
groove: Rectangle {
|
|
|
width: control.width
|
|
|
height: 3
|
|
|
radius: 1
|
|
|
color: "white"
|
|
|
Rectangle {
|
|
|
width: styleData.handlePosition
|
|
|
height: 3
|
|
|
color: "#27e0fb"
|
|
|
radius: 1
|
|
|
}
|
|
|
}
|
|
|
handle: Rectangle {
|
|
|
width: 1
|
|
|
height: 30
|
|
|
color: "transparent"
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Item {
|
|
|
id: topMenu
|
|
|
anchors.top: mainWindow.top
|
|
|
anchors.left: mainWindow.left
|
|
|
width: mainWindow.width
|
|
|
height: 30
|
|
|
Rectangle {
|
|
|
anchors.fill: topMenu
|
|
|
//color: "#55111111"
|
|
|
color: "transparent"
|
|
|
Text {
|
|
|
id: netText
|
|
|
text: qsTr("www.openedv.com")
|
|
|
color: "white"
|
|
|
font.bold: true
|
|
|
font.pixelSize: 20
|
|
|
anchors.left: alientek.right
|
|
|
anchors.leftMargin: 10
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
}
|
|
|
Image {
|
|
|
id: alientek
|
|
|
source: "qrc:/desktop/images/alientek.png"
|
|
|
anchors.left: parent.left
|
|
|
//anchors.leftMargin: mainSwipeView.currentIndex == 0 ? 5 : 40
|
|
|
anchors.leftMargin: 5
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
}
|
|
|
|
|
|
Text {
|
|
|
id: displayCpuTemp
|
|
|
anchors.verticalCenter: alientek.verticalCenter
|
|
|
anchors.left: netText.right
|
|
|
anchors.leftMargin: 10
|
|
|
text: qsTr("CPU:50℃")
|
|
|
color: "white"
|
|
|
font.bold: true
|
|
|
font.pixelSize: 20
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Rectangle {
|
|
|
anchors.left: parent.left
|
|
|
anchors.top: parent.top
|
|
|
anchors.bottom: parent.bottom
|
|
|
anchors.right: parent.right
|
|
|
color: "transparent"
|
|
|
SwipeView {
|
|
|
id: mainSwipeView
|
|
|
anchors.fill: parent
|
|
|
interactive: false
|
|
|
orientation: ListView.Vertical
|
|
|
Component.onCompleted: {
|
|
|
contentItem.highlightMoveDuration = 0
|
|
|
}
|
|
|
// Desktop 与 WinStyleDesktop 只能二选一，选择DeskTop需要取消注释Applications，
|
|
|
// 这里设计两款桌面，一种是类似是安卓类型，一种是类似Win10类型
|
|
|
//DeskTop{}
|
|
|
WinStyleDesktop{}
|
|
|
Music{}
|
|
|
Alarm{}
|
|
|
//Media{}
|
|
|
//Applications{}
|
|
|
Weather{}
|
|
|
Radio{}
|
|
|
Calculator{}
|
|
|
TcpServer{}
|
|
|
TcpClient{}
|
|
|
UdpChat{}
|
|
|
PhotoView{}
|
|
|
FileView{}
|
|
|
Aflex{}
|
|
|
Iotest{}
|
|
|
Sensor{}
|
|
|
MyWireless{}
|
|
|
System{}
|
|
|
Settings{}
|
|
|
onCurrentIndexChanged : {
|
|
|
mainSwipeView.currentItem.visible = true
|
|
|
for (var i = 0; i < mainSwipeView.count; i++){
|
|
|
if (i != mainSwipeView.currentIndex)
|
|
|
mainSwipeView.itemAt(i).visible = false
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
Text {
|
|
|
id: mainTimeText
|
|
|
visible: false // mainSwipeView.currentIndex == 0
|
|
|
text: currentTimeString
|
|
|
anchors.top: parent.top
|
|
|
anchors.topMargin: 50
|
|
|
anchors.left: parent.left
|
|
|
anchors.leftMargin: 50
|
|
|
color: "white"
|
|
|
font.pixelSize: 30
|
|
|
font.bold: true
|
|
|
}
|
|
|
Text {
|
|
|
id: weekText
|
|
|
visible: false // mainSwipeView.currentIndex == 0
|
|
|
text: currentWeekString
|
|
|
anchors.top: mainTimeText.bottom
|
|
|
anchors.topMargin: 5
|
|
|
anchors.horizontalCenter: mainTimeText.horizontalCenter
|
|
|
color: "#99eeeeee"
|
|
|
font.pixelSize: 15
|
|
|
font.bold: true
|
|
|
}
|
|
|
|
|
|
function currentDate(){
|
|
|
return Qt.formatDateTime(new Date(), "ddd yyyy年MM月dd日" )
|
|
|
}
|
|
|
|
|
|
function currentWeek(){
|
|
|
var dayofWeek = ""
|
|
|
var str = Qt.formatDateTime(new Date(), "ddd" )
|
|
|
switch (str){
|
|
|
case "Sun":
|
|
|
case "周日":
|
|
|
dayofWeek = "周日"
|
|
|
break;
|
|
|
case "Mon":
|
|
|
case "周一":
|
|
|
dayofWeek = "周一"
|
|
|
break;
|
|
|
case "Tue":
|
|
|
case "周二":
|
|
|
dayofWeek = "周二"
|
|
|
break;
|
|
|
case "Wed":
|
|
|
case "周三":
|
|
|
dayofWeek = "周三"
|
|
|
break;
|
|
|
case "Thu":
|
|
|
case "周四":
|
|
|
dayofWeek = "周四"
|
|
|
break;
|
|
|
case "Fri":
|
|
|
case "周五":
|
|
|
dayofWeek = "周五"
|
|
|
break;
|
|
|
case "Sat":
|
|
|
case "周六":
|
|
|
dayofWeek = "周六"
|
|
|
break;
|
|
|
}
|
|
|
return dayofWeek + Qt.formatDateTime(new Date(), ",MM月dd日" )
|
|
|
}
|
|
|
|
|
|
function currentTime(){
|
|
|
dayOrNight = new Date().getHours()
|
|
|
return Qt.formatDateTime(new Date(), "hh:mm" )
|
|
|
}
|
|
|
|
|
|
function currentTimeSecond(){
|
|
|
dayOrNight = new Date().getHours()
|
|
|
return Qt.formatDateTime(new Date(), "hh:mm:ss" )
|
|
|
}
|
|
|
|
|
|
Timer{
|
|
|
id: timer
|
|
|
interval: 1000
|
|
|
repeat: true
|
|
|
running: true
|
|
|
property int welcomeTimerCount: 0
|
|
|
onTriggered:{
|
|
|
currentTimeString= currentTime()
|
|
|
currentDateString = currentDate()
|
|
|
currentWeekString = currentWeek()
|
|
|
currentTimeStringSecond = currentTimeSecond()
|
|
|
if (welcomeTimerCount < 4)
|
|
|
welcomeTimerCount++
|
|
|
if (welcomeTimerCount == 2)
|
|
|
welcome_text.text = "欢迎"
|
|
|
if (welcomeTimerCount >= 4){
|
|
|
welcome_display.visible = false
|
|
|
}
|
|
|
}
|
|
|
Component.onCompleted: {
|
|
|
currentTimeString= currentTime()
|
|
|
currentDateString = currentDate()
|
|
|
currentWeekString = currentWeek()
|
|
|
}
|
|
|
}
|
|
|
Item {
|
|
|
id: welcome_display
|
|
|
anchors.fill: parent
|
|
|
//visible: !WINenv
|
|
|
z: 120
|
|
|
Flickable {
|
|
|
anchors.fill: parent
|
|
|
contentWidth: parent.width
|
|
|
contentHeight: parent.height +20
|
|
|
Rectangle {
|
|
|
anchors.fill: parent
|
|
|
color: "#1f1e58"
|
|
|
Text {
|
|
|
id: welcome_text
|
|
|
text: qsTr("正在初始化，请稍候...")
|
|
|
color: "white"
|
|
|
font.pixelSize: 30
|
|
|
font.bold: true
|
|
|
anchors.centerIn: parent
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
