PySide2入门-设计界面和简单美化

1,027 阅读1分钟

使用QtDesigner设计GUI界面,然后进行简单的美化。

1、设计界面

新建项目文件夹pyside_start,并使用VSCode打开,在该项目文件夹下新建ui目录,然后右键New Form,打开QtDesigner工具设计好如下界面:

图片

image-20220316100732379

然后选择菜单 窗体->View Python Code ,点击复制全部,将复制的代码保存在ui文件夹下 main_ui.py。

2、主文件

在项目目录下新建main.py文件,调用生成的界面,如下:

import sys
from PySide2.QtWidgets import *
from PySide2.QtCore import *
from PySide2.QtGui import *

from ui.main_ui import Ui_MainWindow

class MainWindow(Ui_MainWindow, QMainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()
        self.setupUi(self)

        self.pushButton.clicked.connect(self.on_pushbutton)

    def on_pushbutton(self):
        msgbox = QMessageBox.information(self,"msg","you login succeed!")

if __name__ == "__main__":
    app = QApplication(sys.argv)

    mwin = MainWindow()
    mwin.show()

    sys.exit(app.exec_())

点击运行可以正常显示窗口。

3、简单美化

使用一个库简单美化下,需要先安装好qtmodern这个库,在main函数添加如下代码即可:

if __name__ == "__main__":
    app = QApplication(sys.argv)


    mwin = MainWindow()

    qtmodern.styles.dark(app)
    win = qtmodern.windows.ModernWindow(mwin)

    win.show()

    sys.exit(app.exec_())

然后设置好标题和logo,如下:

if __name__ == "__main__":
    app = QApplication(sys.argv)

    app.setWindowIcon(QIcon("monkey2.ico"))

    mwin = MainWindow()
    mwin.setWindowTitle("pyside start example")

    qtmodern.styles.dark(app)
    win = qtmodern.windows.ModernWindow(mwin)

    win.show()

    sys.exit(app.exec_())

最终效果如下:

图片

image-20220316124209719

代码仓库:github.com/makerinchin…