277 lines
11 KiB
QML
277 lines
11 KiB
QML
// ==============================================
|
||
// =============== 任务进度控制面板 ===============
|
||
// ==============================================
|
||
|
||
import QtQuick 2.15
|
||
import QtQuick.Controls 2.15
|
||
|
||
Item {
|
||
id: missionCtrl
|
||
// 信号
|
||
signal runClicked // 点击 运行
|
||
signal pauseClicked // 点击 暂停
|
||
signal resumeClicked // 点击 恢复
|
||
signal stopClicked // 点击 停止
|
||
// 通知回调
|
||
function runFinished(allNum) { // 任务开始，传入总任务数
|
||
state_ = "run"
|
||
isWaiting = false
|
||
timer.start() // 新开始计时
|
||
msnNowNum = 0 // 刷新任务计数
|
||
msnAllNum = allNum
|
||
timer.updateNumber() // 刷新任务计数文本
|
||
}
|
||
function pauseFinished() { // 暂停
|
||
state_ = "pause"
|
||
isWaiting = false
|
||
timer.pause() // 暂停计时
|
||
timer.updateNumber() // 刷新任务计数文本
|
||
}
|
||
function resumeFinished() { // 恢复
|
||
state_ = "run"
|
||
isWaiting = false
|
||
timer.resume() // 恢复计时
|
||
timer.updateNumber() // 刷新任务计数文本
|
||
}
|
||
function stopFinished() { // 停止
|
||
state_ = "stop"
|
||
isWaiting = false
|
||
timer.pause() // 暂停计时
|
||
timer.updateNumber() // 刷新任务计数文本
|
||
}
|
||
function msnStep(step=1) { // 任务计数步进
|
||
msnNowNum += step
|
||
if(msnNowNum > msnAllNum) msnNowNum = msnAllNum
|
||
timer.updateNumber() // 刷新任务计数文本
|
||
}
|
||
|
||
// 任务状态
|
||
property string state_: "stop" // 当前状态， stop run pause
|
||
property bool isWaiting: false // 等待回调中
|
||
// 任务计数
|
||
property int msnAllNum: 0 // 总任务数
|
||
property int msnNowNum: 0 // 当前已完成任务数
|
||
clip: true
|
||
|
||
// 右：开始/暂停/停止按钮
|
||
Item {
|
||
id: ctrlRight
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.right: parent.right
|
||
// 右栏宽度
|
||
property real width_: size_.line * 8
|
||
width: width_
|
||
|
||
// 开始/暂停/恢复 按钮
|
||
Item {
|
||
id: btn1
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.left: parent.left
|
||
width: qmlapp.enabledEffect?ctrlRight.width_:(
|
||
state_==="stop"?ctrlRight.width_:ctrlRight.width_*0.5)
|
||
|
||
Button_ {
|
||
visible: state_ === "stop" && !isWaiting
|
||
anchors.fill: parent
|
||
bold_: true
|
||
bgColor_: theme.coverColor1
|
||
bgHoverColor_: theme.coverColor2
|
||
text_: qsTr("开始任务")
|
||
onClicked: {
|
||
if(isWaiting) return
|
||
isWaiting = true
|
||
Qt.callLater(runClicked)
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: state_ !== "stop" || isWaiting
|
||
anchors.fill: parent
|
||
color: theme.textColor
|
||
bgColor_: theme.coverColor1
|
||
bgHoverColor_: theme.coverColor2
|
||
margins: size_.spacing
|
||
icon_: isWaiting?"wait":(state_==="run" ? "pause" : "run")
|
||
toolTip: (state_==="run" ? qsTr("暂停任务\n暂停后可以待机或休眠。\n但是关机或退出软件，将会丢弃任务内容。") :
|
||
qsTr("继续任务"))
|
||
onClicked: {
|
||
if(isWaiting) return
|
||
isWaiting = true
|
||
switch(state_) {
|
||
case "run": Qt.callLater(pauseClicked); return;
|
||
case "pause": Qt.callLater(resumeClicked); return;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 动画
|
||
PropertyAnimation on width { // 折叠一半
|
||
running: qmlapp.enabledEffect && state_!=="stop"
|
||
to: ctrlRight.width_*0.5
|
||
duration: 80
|
||
easing.type: Easing.InCubic
|
||
}
|
||
PropertyAnimation on width { // 展开全部
|
||
running: qmlapp.enabledEffect && state_==="stop"
|
||
to: ctrlRight.width_
|
||
duration: 80
|
||
easing.type: Easing.OutCubic
|
||
}
|
||
}
|
||
// 停止 按钮
|
||
IconButton {
|
||
id: btn2
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.right: parent.right
|
||
anchors.left: btn1.right
|
||
anchors.leftMargin: size_.smallSpacing
|
||
visible: width > 1
|
||
color: theme.noColor
|
||
bgColor_: theme.coverColor1
|
||
bgHoverColor_: theme.coverColor2
|
||
margins: size_.spacing
|
||
icon_: isWaiting?"wait":"stop"
|
||
toolTip: qsTr("终止任务\n放弃未完成的内容。")
|
||
onClicked: {
|
||
if(isWaiting) return
|
||
isWaiting = true
|
||
Qt.callLater(stopClicked)
|
||
}
|
||
}
|
||
}
|
||
// 左：文字/进度条
|
||
Item {
|
||
id: ctrlLeft
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.left: parent.left
|
||
anchors.right: ctrlRight.left
|
||
anchors.rightMargin: size_.spacing
|
||
Item {
|
||
id: ctrlLeftTop
|
||
anchors.top: parent.top
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
height: size_.line
|
||
|
||
Row {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.right: parent.right
|
||
spacing: size_.line
|
||
|
||
// 计时器、任务计数器
|
||
Text_ {
|
||
id: timer
|
||
text: `${strState} ${strTime} ${strNumber}`
|
||
color: timer_.running?theme.textColor:(missionCtrl.msnNowNum<missionCtrl.msnAllNum?theme.noColor:theme.yesColor)
|
||
font.pixelSize: size_.smallText
|
||
verticalAlignment: Text.AlignVCenter // 垂直居中
|
||
property string strState: "" // 状态文本， "已暂停"
|
||
property string strTime: "" // 时间文本
|
||
property string strNumber: "" // 任务数量文本， 23/100
|
||
// 新开始计时
|
||
function start() {
|
||
timer_.running = true
|
||
startStamp = getTimestamp()
|
||
runTime = pauseTime = 0
|
||
updateTime()
|
||
}
|
||
// 暂停
|
||
function pause() {
|
||
timer_.running = false
|
||
pauseStartStamp = getTimestamp()
|
||
updateTime()
|
||
}
|
||
// 恢复计时
|
||
function resume() {
|
||
timer_.running = true
|
||
const t = getTimestamp()
|
||
pauseTime += t-pauseStartStamp // 累加暂停时长
|
||
updateTime()
|
||
}
|
||
// 获取时间戳
|
||
function getTimestamp() {
|
||
return (new Date()).getTime() / 1000
|
||
}
|
||
// 刷新时间
|
||
function updateTime() {
|
||
if(runTime < 0.1) {
|
||
strTime = "" // 时间太短，不显示
|
||
return
|
||
}
|
||
let s = ""
|
||
let minutes = Math.floor(runTime / 60)
|
||
let seconds = Math.floor(runTime % 60)
|
||
if(minutes < 10) minutes = "0"+minutes
|
||
if(seconds < 10) seconds = "0"+seconds
|
||
strTime = minutes + ':' + seconds
|
||
}
|
||
// 刷新数量、显示文本
|
||
function updateNumber() {
|
||
// n="23/100" , p="已停止"
|
||
let n = `${missionCtrl.msnNowNum}/${missionCtrl.msnAllNum}`
|
||
let p = ""
|
||
// 运行中
|
||
if(missionCtrl.state_ === "run") {
|
||
if(missionCtrl.msnNowNum < missionCtrl.msnAllNum)
|
||
p = qsTr("正在运行")
|
||
else
|
||
p = qsTr("正在保存") // 所有任务处理完毕，但任务队列未返回结束
|
||
}
|
||
// 暂停中
|
||
else if(missionCtrl.state_ === "pause") {
|
||
p = qsTr("已暂停")
|
||
}
|
||
// 已停止
|
||
else if(missionCtrl.state_ === "stop") {
|
||
if(missionCtrl.msnNowNum <= 0)
|
||
n = p = ""
|
||
else if(missionCtrl.msnNowNum < missionCtrl.msnAllNum)
|
||
p = qsTr("任务停止")
|
||
else
|
||
p = qsTr("任务完成")
|
||
}
|
||
// 刷新
|
||
timer.strNumber = n
|
||
timer.strState = p
|
||
if(missionCtrl.msnAllNum > 0)
|
||
missionProgress.percent = missionCtrl.msnNowNum/missionCtrl.msnAllNum
|
||
}
|
||
|
||
property real startStamp // 开始时间戳，秒
|
||
property real pauseStartStamp // 本次暂停开始的时间戳，秒
|
||
property real pauseTime // 暂停时长，秒
|
||
property real runTime // 运行时长，秒
|
||
property bool isPause: false // 是否正在暂停
|
||
Timer {
|
||
id: timer_
|
||
interval: 100 // 更新间隔
|
||
repeat: true
|
||
running: false
|
||
onTriggered: {
|
||
// 刷新运行时长
|
||
const timestamp = timer.getTimestamp()
|
||
timer.runTime = timestamp-timer.startStamp-timer.pauseTime
|
||
timer.updateTime()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
HProgressBar {
|
||
id: missionProgress
|
||
anchors.bottom: parent.bottom
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.bottomMargin: size_.line * 0.1
|
||
height: size_.line * 0.5
|
||
highlightColor: missionCtrl.state_==="run"?theme.yesColor:theme.coverColor4
|
||
color: theme.bgColor
|
||
percent: 0
|
||
}
|
||
}
|
||
} |