python3 pyside6学习笔记及实践（三）

前言

本系列文章为b站PySide6教程以及官方文档的学习笔记

b站教程视频传送门如下

【已完结】PySide6百炼成真，带你系统性入门Qt

祝大家百炼成真，早日做出自己心仪的界面

官方文档链接：Qt for Python

菜单栏

使用QtDesigner快速构建菜单栏

当我们在QtDesigner在创建一个MainWindow窗口时，顶部会自动放置一个菜单栏

点击编辑栏后即可开始往菜单栏中添加菜单，输入完毕需要敲回车键确认

当我们添加了一个菜单之后，我们可以选择点击右边的编辑栏继续向菜单栏添加菜单，或者点击当前菜单下方的编辑栏，向当前菜单中添加子菜单或操作

菜单中的子菜单在QtDesigner中只能输入英文，如果想要输入中文，可以在属性中设置

点击操作项右边的拓展图标，我们可以将其变为子菜单

接着我们就能在该子菜单中添加操作和子菜单

分隔符在菜单栏的设计中通常是用来将菜单中的不同功能分隔开，使其更加美观，所以说其实可有可无

在动作编辑器中，我们可以为具体操作配置图标和快捷键

当然，我们还可以通过右键窗口来添加工具栏

可以直接将已有操作拖入工具栏

结构语法

在设计时，我们一般是先想到有哪些菜单需要实现，再去详细设计这些菜单下的操作

但是在编写代码时，我们需要自底向上，先将操作/子菜单添加到菜单，再将菜单添加到菜单栏

class MyWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.menu = self.menuBar()

        self.openFile = QAction('打开文件')
        self.closeFile = QAction('关闭文件')

        self.moreMenu = QMenu('更多')
        self.more1 = QAction('更多1')
        self.more2 = QAction('更多2')
        self.moreMenu.addAction(self.more1)
        self.moreMenu.addAction(self.more2)

        self.fileMenu = QMenu('文件')
        self.fileMenu.addAction(self.openFile)
        self.fileMenu.addAction(self.closeFile)
        self.fileMenu.addMenu(self.moreMenu)

        self.menu.addMenu(self.fileMenu)

        self.mainlayout = QVBoxLayout()
        self.setLayout(self.mainlayout)

我们使用addAction()方法将操作添加到菜单中

使用addMenu()方法可以将子菜单添加到菜单中，或将菜单添加到菜单栏中

同时我们也可以将操作项的triggered信号绑定到槽

1
2
3

self.openFile.triggered.connect(lambda: print('打开文件'))
self.closeFile.triggered.connect(lambda: print('关闭文件'))
self.more1.triggered.connect(lambda: print('更多1'))

上下文菜单

概念

上下文菜单即我们在应用程序中右键点出的菜单

这里贴一张Edge浏览器的上下文菜单截图，可以发现与我们的普通菜单的元素非常相似

事实上在代码实现上，上下文菜单的实现逻辑也和菜单栏和相似

为窗体添加上下文菜单

我们可以为窗体本身或者控件添加上下文菜单

先来介绍如何给窗体本身添加

将窗体想象为一个菜单，那么我们就可以向其中添加子菜单和操作

但是在添加之前，我们需要先设置上下文菜单策略

1 2	from PySide6.QtCore import Qt self.setContextMenuPolicy(Qt.ContextMenuPolicy.ActionsContextMenu)

接下来我们直接使用窗体本身的addAction()方法来添加菜单项

1 2	self.addAction(self.openFile) self.addAction(self.closeFile)

添加菜单项时，也可以使用更简洁的列表添加

1	self.addActions([self.openFile,self.closeFile])

为控件添加上下文菜单

其实许多控件本身是自带上下文菜单的

当我们在页面中添加一个编辑框并右击它时，会出现如下的上下文菜单

包括重做、恢复、复制、粘贴等对输入内容的基本操作

当然，我们也可以修改这个默认的上下文菜单，向其中添加自定义操作

首先我们还是需要为控件设置上下文菜单策略

1	self.lineEdit1.setContextMenuPolicy(Qt.ContextMenuPolicy.ActionsContextMenu)

接下来我们对控件使用addActions()方法来添加菜单项

1
2
3

self.sendValue = QAction('发送值到输入框2')
self.showCurrentValue = QAction('显示当前值')
self.lineEdit1.addActions([self.sendValue, self.showCurrentValue])

最后我们可以为这两个操作绑定逻辑

1 2	self.sendValue.triggered.connect(lambda: self.lineEdit2.setText(self.lineEdit1.text())) self.showCurrentValue.triggered.connect(lambda: print(self.lineEdit1.text()))

折叠菜单

首先规划选项卡中的布局和内容

这里我们写两个选项卡用于演示

#创建折叠选项卡内容
self.widget1 = QWidget()
self.widget1Layout = QVBoxLayout()
self.widget1Layout.addWidget(QLabel('这是第一个选项卡'))
self.widget1Layout.addWidget(QPushButton('按钮1'))
self.widget1.setLayout(self.widget1Layout)

self.widget2 = QWidget()
self.widget2Layout = QVBoxLayout()
self.widget2Layout.addWidget(QLabel('这是第二个选项卡'))
self.widget2Layout.addWidget(QPushButton('按钮2'))
self.widget2.setLayout(self.widget2Layout)

接下来我们创建折叠窗QToolBox，并将选项卡用addItem方法置入

self.toolBox = QToolBox()
self.toolBox.addItem(self.widget1, '选项卡1')
self.toolBox.addItem(self.widget2, '选项卡2')

self.mainlayout = QVBoxLayout()
self.mainlayout.addWidget(self.toolBox)
self.setLayout(self.mainlayout)

效果如下

当然我们也可以加上图标

# 创建一个右箭头图标和一个下箭头图标
self.arrowRight = self.style().standardIcon(QStyle.StandardPixmap.SP_ArrowRight)
self.arrowDown = self.style().standardIcon(QStyle.StandardPixmap.SP_ArrowDown)

self.toolBox = QToolBox()
self.toolBox.addItem(self.widget1, self.arrowDown,'选项卡1')
self.toolBox.addItem(self.widget2, self.arrowRight,'选项卡2')
self.toolBox.currentChanged.connect(self.changeArrow)

...

def changeArrow(self, index):
        # 全部重置为右箭头
        for i in range(self.toolBox.count()):
            self.toolBox.setItemIcon(i, self.arrowRight)
        # 当前选项卡设置为下箭头
        self.toolBox.setItemIcon(index, self.arrowDown)