ProgressBar 샘플
ProgressBar(QtQuick Controls 2) 샘플
테스트용 QML
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtMultimedia 5.9
ApplicationWindow {
id: root
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Audio { id: clickSound; source: "Sounds/btn01.mp3" }
Audio { id: finishSound; source: "Sounds/btn02.mp3" }
// タイマ定義
Timer {
id: timer
interval: 100
repeat: true
onTriggered: {
if (progressBar.value < progressBar.to) {
progressBar.value += 1
} else {
finishSound.play()
stop()
button.enabled = true
}
console.log("position = " + progressBar.position)
console.log("value = " + progressBar.value)
console.log("visualPosition = " + progressBar.visualPosition)
}
}
Row {
spacing: 2
// indeterminate プログレスバー定義
ProgressBar {
width: root.width / 2
height: root.height / 2
indeterminate: true
}
Column {
// 0〜100の範囲のプログレスバー定義
ProgressBar {
id: progressBar
width: root.width / 2
height: root.height /2
from: 0
to: 100
}
// プログレスバー更新開始用ボタン定義
Button {
id: button
text: "Start"
anchors.horizontalCenter: parent.horizontalCenter
onClicked: { clickSound.play(); enabled = false; progressBar.value = 0; timer.start() }
}
}
}
}
실행 결과
※Linux Mint 18.2 & Qt 5.9.1 사용
Reference
이 문제에 관하여(ProgressBar 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Taro3/items/36d2543e647637742ef5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtMultimedia 5.9
ApplicationWindow {
id: root
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Audio { id: clickSound; source: "Sounds/btn01.mp3" }
Audio { id: finishSound; source: "Sounds/btn02.mp3" }
// タイマ定義
Timer {
id: timer
interval: 100
repeat: true
onTriggered: {
if (progressBar.value < progressBar.to) {
progressBar.value += 1
} else {
finishSound.play()
stop()
button.enabled = true
}
console.log("position = " + progressBar.position)
console.log("value = " + progressBar.value)
console.log("visualPosition = " + progressBar.visualPosition)
}
}
Row {
spacing: 2
// indeterminate プログレスバー定義
ProgressBar {
width: root.width / 2
height: root.height / 2
indeterminate: true
}
Column {
// 0〜100の範囲のプログレスバー定義
ProgressBar {
id: progressBar
width: root.width / 2
height: root.height /2
from: 0
to: 100
}
// プログレスバー更新開始用ボタン定義
Button {
id: button
text: "Start"
anchors.horizontalCenter: parent.horizontalCenter
onClicked: { clickSound.play(); enabled = false; progressBar.value = 0; timer.start() }
}
}
}
}
Reference
이 문제에 관하여(ProgressBar 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Taro3/items/36d2543e647637742ef5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)