FluentUI/src/controls/FluAppBar.qml

122 lines
2.9 KiB
QML
Raw Normal View History

2023-02-27 18:46:39 +08:00
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Layouts 1.15
import FluentUI 1.0
Rectangle{
color: FluApp.isDark ? "#323232" : "#FFFFFF"
height: 50
width: {
2023-02-28 23:57:55 +08:00
if(parent==null)
return 200
return parent.width
2023-02-27 18:46:39 +08:00
}
property string title: "标题"
MouseArea{
property var lastClickTime: new Date()
anchors.fill: parent
anchors.topMargin: 5
acceptedButtons: Qt.LeftButton
onPressed: Window.window.startSystemMove()
onDoubleClicked: {
toggleMaximized();
}
}
function toggleMaximized() {
if (Window.window.visibility === Window.Maximized) {
Window.window.showNormal();
} else {
Window.window.showMaximized();
}
}
FluText {
text: title
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
leftMargin: 14
}
fontStyle: FluText.Title
font.pixelSize: 14
font.bold: true
}
RowLayout{
anchors.right: parent.right;
height: parent.height
spacing: 5
2023-03-01 11:58:30 +08:00
TFpsMonitor{
Layout.alignment: Qt.AlignVCenter
Layout.rightMargin: 12
Layout.topMargin: 5
visible: FluApp.isFps
}
2023-02-27 18:46:39 +08:00
RowLayout{
Layout.alignment: Qt.AlignVCenter
spacing: 5
FluText{
text:"夜间模式"
fontStyle: FluText.Body
}
FluToggleSwitch{
checked: FluApp.isDark
2023-02-28 18:29:00 +08:00
onClickFunc:function(){
2023-02-27 18:46:39 +08:00
FluApp.isDark = !FluApp.isDark
}
}
}
FluIconButton{
icon : FluentIcons.FA_window_minimize
Layout.alignment: Qt.AlignVCenter
iconSize: 15
2023-02-28 18:29:00 +08:00
text:"最小化"
2023-02-27 18:46:39 +08:00
onClicked: {
Window.window.showMinimized()
}
}
FluIconButton{
icon : {
if(Window.window == null)
return false
return Window.Maximized === Window.window.visibility ? FluentIcons.FA_window_restore : FluentIcons.FA_window_maximize
}
Layout.alignment: Qt.AlignVCenter
2023-02-28 23:57:55 +08:00
text:{
if(Window.window == null)
return ""
Window.Maximized === Window.window.visibility?"向下还原":"最大化"
}
2023-02-27 18:46:39 +08:00
iconSize: 15
onClicked: {
toggleMaximized()
}
}
FluIconButton{
icon : FluentIcons.FA_close
Layout.alignment: Qt.AlignVCenter
2023-02-28 18:29:00 +08:00
text:"关闭"
2023-02-27 18:46:39 +08:00
iconSize: 15
onClicked: {
Window.window.close()
}
}
}
2023-02-28 18:29:00 +08:00
FluDivider{
2023-02-27 18:46:39 +08:00
width: parent.width;
height: 1;
anchors.bottom: parent.bottom;
}
}