PySide2学习总结(十)菜单栏和工具栏

ApplicationWindow提供了简单的方式创建程序窗口,因为其有属性menuBar、toolBar、Tabview等属性,可以方便快速创建一个丰富的窗口。

菜单栏(menuBar)

菜单栏位于窗口顶部,包含程序提供给用户的操作。
一个程序可包含多个菜单(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"
            }
        }
      }
}

运行效果如图:
PySide2学习总结(十)菜单栏和工具栏_第1张图片

工具栏(toolBar)

工具栏是一组命令的集合,包含菜单栏中的常用命令。工具按钮和普通的命令按钮不同,通常不显示文本,而显示图标。
在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"
            }
        }
    }
}

运行效果如图:
PySide2学习总结(十)菜单栏和工具栏_第2张图片

你可能感兴趣的:(Python,PySide2学习总结)