PySide6开发日记（一）

前言

　　今年早些时候，为国产读书书摘记录软件做了一个api导入程序，第一版发布后有两个用户，但后面就没关注这个程序了，半个月之前其中一位用户向我询问能否为程序增加一些新的功能，就此我开始程序v0.2版本的开发。

　　程序名字是《merpyzf_pyside6》，顾名思义，技术栈是PySide6，于是继续一边学习一边写新功能，目前来看新版本开发会持续几周，索性就当作周记，每周记录自己的学习心得。

笔记一：程序的顶部状态栏

1. 隐藏系统状态栏

　　虽然暂时没有打算做Mac OS和Linux版本，但是Windows的系统UI已经让我大为不爽了，于是开始研究无边框模式，搜到了许多教程，但实测下来能用的确实都有各种各样的问题。

　　最后连带AI和各种资料总算是写出了我需要的代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
from PySide6.QtCore import *
from PySide6.QtGui import *
from PySide6.QtWidgets import *

if __name__ == '__main__':
    app = QApplication([])

    window = QMainWindow()
    window.setWindowTitle('隐藏系统状态栏')
    window.resize(400, 300)

    layout = QVBoxLayout(window)
    label = QLabel('这是一个无状态栏示例')
    layout.addWidget(label)

    # 隐藏状态栏
    window.setWindowFlag(Qt.WindowType.FramelessWindowHint)

    window.show()
    app.exec()

　　核心部分就是setWindowFlag​。起初我在网络上查找相关代码时看到了许多教程，但是当我尝试导入Qt时，显示在QtCore、QtGui类下都存在Qt库，便一直没能成功，最后索性使用*​进行导入。

2. 设置最大化，最小化以及关闭程序按钮，并放置在合适的位置

　　三个按钮很好搞定，QPushbutton+icon属性就搞定了。

　　我想到可以用菜单栏用于放置它们，PySide6中当然也有相关的功能，QToolBar组件。

　　于是第一版程序很快就写出来了：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
from PySide6.QtGui import *
from PySide6.QtWidgets import *


def window_max(): ...


if __name__ == "__main__":
    app = QApplication([])

    window = QMainWindow()
    window.setWindowTitle("隐藏系统状态栏")
    window.resize(400, 300)

    widget_center = QWidget()
    layout = QVBoxLayout(widget_center)
    label = QLabel("这是一个无状态栏示例")
    layout.addWidget(label)

    # 隐藏状态栏
    window.setWindowFlag(Qt.WindowType.FramelessWindowHint)

    toolbar = QToolBar()
    # 设置工具栏不可移动
    toolbar.setMovable(False)

    # 填充工具栏左侧，让三个按钮被放置到最右侧
    widget_fill = QWidget()
    toolbar.addWidget(widget_fill)
    layout_toolbar = QHBoxLayout(widget_fill)
    layout_toolbar.addStretch()

    # 设置三个按钮，并将其设置为图片形式
    btn_min = QPushButton(icon=QIcon("assets/min.svg"))
    btn_max = QPushButton(icon=QIcon("assets/icon-max.svg"))
    btn_close = QPushButton(icon=QIcon("assets/close.svg"))

    # 去除按钮边框
    btn_min.setFlat(True)
    btn_max.setFlat(True)
    btn_close.setFlat(True)

    # 将按钮放置在toolbar上
    toolbar.addWidget(btn_min)
    toolbar.addWidget(btn_max)
    toolbar.addWidget(btn_close)

    # 为按钮增加功能，其中最大化按钮需要额外函数进行修饰
    btn_min.clicked.connect(window.showMinimized)
    btn_max.clicked.connect(lambda: window_max())
    btn_close.clicked.connect(window.close)

    # 将toolbar放置到window上
    window.addToolBar(toolbar)
    window.setCentralWidget(widget_center)
    window.show()
    app.exec()

　　运行效果：

​image​

3 窗口拖动

　　隐藏窗口一时爽，隐藏以后动不了，当我发现窗口开始变得不能移动后人都傻掉了，只好开始寻找方法。

　　处理方法也不难，当我发现PySide6中存在三个函数（mousePressEvent​、mouseMoveEvent​、mouseReleaseEvent​）后，这件事就变得简单起来。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
from PySide6.QtGui import *
from PySide6.QtWidgets import *


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

    def mousePressEvent(self, event):  # 当鼠标按钮被按下时调用此函数
        if event.button() == Qt.LeftButton:
            self._move_drag = True
            self.cursor_win_pos = event.globalPosition() - self.pos()
            event.accept()

    def mouseMoveEvent(self, event):  # 当鼠标移动时调用此函数
        # 如果鼠标左键被按下并且可以拖动窗口
        if Qt.LeftButton and self._move_drag:
            m_Point = (
                event.globalPosition() - self.cursor_win_pos
            )  # 计算新的鼠标全局坐标与初始位置的差值
            self.move(int(m_Point.x()), int(m_Point.y()))  # 根据差值移动窗口到新的位置
            event.accept()  # 接受事件，不再传递

    def mouseReleaseEvent(self, event):  # 鼠标按键释放时,取消移动
        self._move_drag = False
        event.accept()

    def window_max(self):
        if self.isMaximized():
            self.showNormal()

        else:
            self.showMaximized()


if __name__ == "__main__":
    app = QApplication([])

    window = QMainWindow()
    window.setWindowTitle("隐藏系统状态栏")
    window.resize(400, 300)

    window._move_drag = False

    widget_center = QWidget()
    layout = QVBoxLayout(widget_center)
    label = QLabel("这是一个无状态栏示例")
    layout.addWidget(label)

    # 隐藏状态栏
    window.setWindowFlag(Qt.WindowType.FramelessWindowHint)

    toolbar = QToolBar()
    # 设置工具栏不可移动
    toolbar.setMovable(False)

    # 填充工具栏左侧，让三个按钮被放置到最右侧
    widget_fill = QWidget()
    toolbar.addWidget(widget_fill)
    layout_toolbar = QHBoxLayout(widget_fill)
    layout_toolbar.addStretch()

    # 设置三个按钮，并将其设置为图片形式
    btn_min = QPushButton(icon=QIcon("assets/min.svg"))
    btn_max = QPushButton(icon=QIcon("assets/icon-max.svg"))
    btn_close = QPushButton(icon=QIcon("assets/close.svg"))

    # 去除边框
    btn_min.setFlat(True)
    btn_max.setFlat(True)
    btn_close.setFlat(True)

    # 将按钮放置在toolbar上
    toolbar.addWidget(btn_min)
    toolbar.addWidget(btn_max)
    toolbar.addWidget(btn_close)

    # 为按钮增加功能，其中最大化按钮需要额外函数进行修饰
    btn_min.clicked.connect(window.showMinimized)
    btn_max.clicked.connect(lambda: window.window_max())
    btn_close.clicked.connect(window.close)

    # 将toolbar放置到window上
    window.addToolBar(toolbar)
    window.setCentralWidget(widget_center)

    window.show()
    app.exec()


　　不过今天在写博客时，我发现了一个新的办法，不需要重写这三个方法，看起来更加的简洁实用：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
from PySide6.QtGui import *
from PySide6.QtWidgets import *


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

    def window_max(self):
        if self.isMaximized():
            self.showNormal()

        else:
            self.showMaximized()

    def move_title_bar(self, event):
        self.windowHandle().startSystemMove()


if __name__ == "__main__":
    app = QApplication([])

    window = QMainWindow()
    window.setWindowTitle("隐藏系统状态栏")
    window.resize(400, 300)

    window._move_drag = False

    widget_center = QWidget()
    layout = QVBoxLayout(widget_center)
    label = QLabel("这是一个无状态栏示例")
    layout.addWidget(label)

    # 隐藏状态栏
    window.setWindowFlag(Qt.WindowType.FramelessWindowHint)

    toolbar = QToolBar()
    # 设置工具栏不可移动
    toolbar.setMovable(False)

    # 填充工具栏左侧，让三个按钮被放置到最右侧
    widget_fill = QWidget()
    toolbar.addWidget(widget_fill)
    layout_toolbar = QHBoxLayout(widget_fill)
    layout_toolbar.addStretch()

    # 设置三个按钮，并将其设置为图片形式
    btn_min = QPushButton(icon=QIcon("assets/min.svg"))
    btn_max = QPushButton(icon=QIcon("assets/icon-max.svg"))
    btn_close = QPushButton(icon=QIcon("assets/close.svg"))

    # 去除边框
    btn_min.setFlat(True)
    btn_max.setFlat(True)
    btn_close.setFlat(True)

    # 将按钮放置在toolbar上
    toolbar.addWidget(btn_min)
    toolbar.addWidget(btn_max)
    toolbar.addWidget(btn_close)

    # 为按钮增加功能，其中最大化按钮需要额外函数进行修饰
    btn_min.clicked.connect(window.showMinimized)
    btn_max.clicked.connect(lambda: window.window_max())
    btn_close.clicked.connect(window.close)

    # 将toolbar放置到window上
    window.addToolBar(toolbar)
    window.setCentralWidget(widget_center)

    toolbar.mouseMoveEvent = window.move_title_bar

    window.show()
    app.exec()

　　其实核心部分只有以下两点：

1
2
def move_title_bar(self, event):
    self.windowHandle().startSystemMove()
1
toolbar.mouseMoveEvent = window.move_title_bar

　　不仅实现了移动，而且只有光标在toolbar上时才会执行，更加符合使用习惯了吧哈哈哈。

未完事项

  • 实现拖动边框进行窗口的大小设置；

　　‍

许可协议

本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。