FluentUI/example/qml/page/T_Progress.qml

105 lines
2.2 KiB
QML
Raw Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import FluentUI 1.0
2023-06-12 16:46:02 +08:00
import "qrc:///example/qml/component"
2023-08-26 17:20:30 +08:00
import "../component"
2023-02-28 23:57:55 +08:00
2023-03-10 18:08:32 +08:00
FluScrollablePage{
2023-03-28 17:53:46 +08:00
2023-03-10 18:08:32 +08:00
title:"Progress"
2023-04-06 17:32:21 +08:00
FluArea{
Layout.fillWidth: true
2023-03-10 18:08:32 +08:00
Layout.topMargin: 20
2023-07-25 17:57:37 +08:00
height: 130
2023-04-06 17:32:21 +08:00
paddings: 10
2023-07-03 11:50:26 +08:00
2023-04-06 17:32:21 +08:00
ColumnLayout{
2023-07-03 11:50:26 +08:00
spacing: 10
2023-04-06 17:32:21 +08:00
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
2023-07-03 11:50:26 +08:00
FluText{
text: "indeterminate = true"
}
2023-04-06 17:32:21 +08:00
FluProgressBar{
}
FluProgressRing{
}
2023-07-03 11:50:26 +08:00
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluProgressBar{
}
FluProgressRing{
}
'
}
FluArea{
Layout.fillWidth: true
Layout.topMargin: 20
2023-07-25 17:57:37 +08:00
height: 286
2023-07-03 11:50:26 +08:00
paddings: 10
ColumnLayout{
spacing: 10
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluText{
text: "indeterminate = false"
}
2023-04-06 17:32:21 +08:00
FluProgressBar{
indeterminate: false
2023-07-25 17:57:37 +08:00
value:slider.value/100
Layout.topMargin: 10
2023-07-03 11:50:26 +08:00
}
FluProgressBar{
indeterminate: false
2023-07-25 17:57:37 +08:00
value:slider.value/100
2023-07-03 11:50:26 +08:00
progressVisible: true
2023-07-25 17:57:37 +08:00
Layout.topMargin: 10
2023-07-03 11:50:26 +08:00
}
FluProgressRing{
indeterminate: false
2023-07-25 17:57:37 +08:00
value: slider.value/100
Layout.topMargin: 10
}
FluProgressRing{
2023-07-03 11:50:26 +08:00
progressVisible: true
2023-07-25 17:57:37 +08:00
indeterminate: false
value: slider.value/100
2023-04-06 17:32:21 +08:00
}
FluSlider{
2023-07-03 11:50:26 +08:00
id:slider
2023-06-19 17:50:54 +08:00
Component.onCompleted: {
value = 50
}
2023-04-06 17:32:21 +08:00
}
2023-02-28 23:57:55 +08:00
}
}
2023-04-06 17:32:21 +08:00
CodeExpander{
Layout.fillWidth: true
2023-04-19 17:25:46 +08:00
Layout.topMargin: -1
2023-04-06 17:32:21 +08:00
code:'FluProgressBar{
indeterminate: false
}
FluProgressRing{
indeterminate: false
2023-07-03 11:50:26 +08:00
progressVisible: true
}
'
2023-04-06 17:32:21 +08:00
}
2023-02-28 23:57:55 +08:00
}