FluentUI/example/qml/page/T_InfoBar.qml

73 lines
2.0 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-08-26 17:20:30 +08:00
import "../component"
2023-02-28 18:29:00 +08:00
2023-03-10 18:08:32 +08:00
FluScrollablePage{
2023-03-28 17:53:46 +08:00
2024-03-09 15:35:48 +08:00
title: qsTr("InfoBar")
2023-03-10 18:08:32 +08:00
2023-04-06 17:32:21 +08:00
FluArea{
Layout.fillWidth: true
2023-03-10 18:08:32 +08:00
Layout.topMargin: 20
2023-09-15 19:11:55 +08:00
height: 270
2023-04-06 17:32:21 +08:00
paddings: 10
ColumnLayout{
spacing: 14
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluButton{
2024-03-09 15:35:48 +08:00
text: qsTr("Info")
2023-04-06 17:32:21 +08:00
onClicked: {
2024-03-09 15:35:48 +08:00
showInfo(qsTr("This is an InfoBar in the Info Style"))
2023-04-06 17:32:21 +08:00
}
}
FluButton{
2024-03-09 15:35:48 +08:00
text: qsTr("Warning")
2023-04-06 17:32:21 +08:00
onClicked: {
2024-03-09 15:35:48 +08:00
showWarning(qsTr("This is an InfoBar in the Warning Style"))
2023-04-06 17:32:21 +08:00
}
}
FluButton{
text:"Error"
onClicked: {
2024-03-09 15:35:48 +08:00
showError(qsTr("This is an InfoBar in the Error Style"))
2023-04-06 17:32:21 +08:00
}
}
FluButton{
text:"Success"
onClicked: {
2024-03-09 15:35:48 +08:00
showSuccess(qsTr("This is an InfoBar in the Success Style"))
2023-04-06 17:32:21 +08:00
}
}
2023-09-15 19:11:55 +08:00
FluButton{
2024-03-09 15:35:48 +08:00
text: qsTr("InfoBar that needs to be turned off manually")
2023-09-15 19:11:55 +08:00
onClicked: {
2024-03-09 15:35:48 +08:00
showInfo("This is an InfoBar in the Info Style",0,"Manual shutdown is supported")
2023-09-15 19:11:55 +08:00
}
}
2023-07-13 10:20:45 +08:00
FluButton{
text:"Loading"
onClicked: {
2024-03-09 15:35:48 +08:00
showLoading(qsTr("Loading..."))
2023-07-13 10:20:45 +08:00
}
}
2023-03-10 18:08:32 +08:00
}
2023-03-06 18:08:01 +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
2024-03-09 15:35:48 +08:00
code:'showInfo(qsTr("This is an InfoBar in the Info Style"))
2023-04-06 17:32:21 +08:00
2024-03-09 15:35:48 +08:00
showWarning(qsTr("This is an InfoBar in the Warning Style"))
2023-04-06 17:32:21 +08:00
2024-03-09 15:35:48 +08:00
showError(qsTr("This is an InfoBar in the Error Style"))
2023-04-06 17:32:21 +08:00
2024-03-09 15:35:48 +08:00
showSuccess(qsTr("This is an InfoBar in the Success Style"))'
2023-02-28 18:29:00 +08:00
}
}