ApplicationWindow提供了简单的方式创建程序窗口,因为其有属性menuBar、toolBar、Tabview等属性,可以方便快速创建一个丰富的窗口。
菜单栏位于窗口顶部,包含程序提供给用户的操作。
一个程序可包含多个菜单(menu),每个菜单可包含多个动作(Action)。
在main.qml中编辑代码如下:
import QtQuick 2.7
import QtQuick.Controls 2.3
ApplicationWindow {
id: _window
// 窗口标题设置
title: "Test App"
width: 500
height: 300
// Window默认不可见,需要进行设置为可见
visible: true
menuBar: MenuBar {
Menu {
title: "File"
Action {
text: "New"
shortcut: "Ctrl+N"
}
Action {
text: "Open"
shortcut: "Ctrl+O"
}
}
Menu {
title: "Help"
Action {
text: "About App"
shortcut: "F1"
}
}
}
}
工具栏是一组命令的集合,包含菜单栏中的常用命令。工具按钮和普通的命令按钮不同,通常不显示文本,而显示图标。
在main.qml中编辑代码如下:
import QtQuick 2.7
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.1
ApplicationWindow {
id: _window
// 窗口标题设置
title: "Test App"
width: 500
height: 300
// Window默认不可见,需要进行设置为可见
visible: true
menuBar: MenuBar {
Menu {
title: "File"
Action {
text: "New"
shortcut: "Ctrl+N"
}
Action {
text: "Open"
shortcut: "Ctrl+O"
}
}
Menu {
title: "Help"
Action {
text: "About App"
shortcut: "F1"
}
}
}
header: ToolBar {
// 横向
RowLayout {
ToolButton {
// 设置鼠标划过按钮时提示文字
ToolTip.visible: hovered
ToolTip.text: qsTr("Create new File")
// 设置命令图标
icon.name: "New"
icon.source: "../img/new.png"
}
ToolButton {
ToolTip.visible: hovered
ToolTip.text: qsTr("Open File")
icon.name: "Open"
icon.source: "../img/open.png"
}
}
}
}