Pyqt5爱恨情仇之使用Qt Designer设计窗体

本次学习的重点：

1.介绍Qt Designer窗体布局；
2.设计一个登陆窗体；
3.调用窗体

开发环境

Pycharm+Pyqt5+Python3.7

Pyqt5有两种方式制作界面，一是通过工具Qt Designer设计，二是通过纯代码，本次笔记是记录Qt Designer的学习

Qt Designer的简介

1.进入Qt Designer
在Pycharm里面，首先点击工具，点击外部工具，点击Qt Designer，即可进入，前提是已安装好。

2.新建窗口
打开Qt Designer，会自动弹出new form 新建窗体，在选项中我们常用的Widget通用窗口和Main Window主窗口，这里我们选择Main Window来创建实例

在添加主窗体后，主窗口会默认添加了菜单栏、工具栏以及状态栏。

下图是部分工具箱的截图，工具箱里面提供了各种控件包括布局、填充、按钮、视图、容器、展示、以及标签等。

3.制作第一个界面
通过拖拉标签和按钮我们制作一个简单的登入界面，通过鼠标可以控制控制的大小，双击可以更改内容。也可以通过工具栏找到对应的控件对其参数进行更改。

设计好界面后，按Ctrl+R，可以对其进行预览，OK后保存为ui文件。

4.ui文件转化为py文件

1.使用pyuic5，在cmd里面cd到对应的目录下
输入pyuic5 -o firstQt.py firstQt.ui
2.直接在pycharm里面使用pyuic

5.调用窗体

将ui文件转换为py文件后，通过源码发现这个文件，就仅仅是自己搭建界面的一个逻辑文件，并没有调用展示。
通过继承QMainWindow和Ui_MainWindow，封装成新类MyMainWindow，通过调用它，界面就展示出来了。

import sys
import firstQt
from PyQt5.QtWidgets import QApplication,QMainWindow

#类的多继承，封装
class MyMainWindow(QMainWindow,firstQt.Ui_MainWindow):
    def __init__(self,parent=None):
        super(MyMainWindow,self).__init__(parent)
        self.setupUi(self)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    firstwindows = MyMainWindow()
    firstwindows.show()
    sys.exit(app.exec_())

展示结果如下