Python3 PyQt5教程(2)

大家关注的教程2来了。
第一期是代码布局,现在有更高级的布局方式,那就是Qt5,布局完UI可以用PythonUIC命令转成py文件,添加import

__name__
1
2
3
4
5
6
app = QApplication(sys.argv)
widget = QMainWindow(None)
Ui_MainWindow().setupUi(widget)
sys.exit(app.exec_())
pass

1.登陆界面
2.一个QTproject新建多个视图
3.在窗体中打开新窗体
4.安装QT

1.登陆

用QT可视化编程拖出来的界面就是这个样子,用命令pyuic5 -o target.py fromfile.ui转化成py文件,代码如下
登陆

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
# -*- coding: utf-8 -*-
# Form implementation generated from reading ui file 'mainwindow.ui'
#
# Created by: PyQt5 UI code generator 5.10.1
#
# WARNING! All changes made in this file will be lost!
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2018/5/9 下午1:36
# @Author : fgyong 简书:_兜兜转转_ https://www.jianshu.com/u/6d1254c1d145
# @Site : http://fgyong.cn 兜兜转转的技术博客
# @File : *.py
# @Software: PyCharm
from PyQt5 import QtCore, QtGui, QtWidgets
import sys
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
MainWindow.setObjectName("MainWindow")
MainWindow.resize(500, 341)
MainWindow.move(1500,300)
MainWindow.setWindowOpacity(1.0)
MainWindow.setAutoFillBackground(True)
self.centralWidget = QtWidgets.QWidget(MainWindow)
self.centralWidget.setObjectName("centralWidget")
self.accountLabel = QtWidgets.QLabel(self.centralWidget)
self.accountLabel.setGeometry(QtCore.QRect(80, 110, 60, 21))
self.accountLabel.setAlignment(QtCore.Qt.AlignCenter)
self.accountLabel.setObjectName("accountLabel")
self.pwdLabel = QtWidgets.QLabel(self.centralWidget)
self.pwdLabel.setGeometry(QtCore.QRect(80, 150, 60, 21))
self.pwdLabel.setAlignment(QtCore.Qt.AlignCenter)
self.pwdLabel.setObjectName("pwdLabel")
self.account = QtWidgets.QLineEdit(self.centralWidget)
self.account.setGeometry(QtCore.QRect(140, 110, 191, 21))
self.account.setObjectName("account")
self.password = QtWidgets.QLineEdit(self.centralWidget)
self.password.setGeometry(QtCore.QRect(140, 150, 191, 21))
self.password.setObjectName("password")
self.pushButton = QtWidgets.QPushButton(self.centralWidget)
self.pushButton.setGeometry(QtCore.QRect(140, 191, 201, 41))
self.pushButton.setObjectName("pushButton")
MainWindow.setCentralWidget(self.centralWidget)
self.menuBar = QtWidgets.QMenuBar(MainWindow)
self.menuBar.setGeometry(QtCore.QRect(0, 0, 500, 22))
self.menuBar.setFocusPolicy(QtCore.Qt.ClickFocus)
self.menuBar.setContextMenuPolicy(QtCore.Qt.ActionsContextMenu)
self.menuBar.setInputMethodHints(QtCore.Qt.ImhNone)
self.menuBar.setObjectName("menuBar")
MainWindow.setMenuBar(self.menuBar)
self.statusBar = QtWidgets.QStatusBar(MainWindow)
self.statusBar.setObjectName("statusBar")
MainWindow.setStatusBar(self.statusBar)
self.retranslateUi(MainWindow)
QtCore.QMetaObject.connectSlotsByName(MainWindow)
MainWindow.show()
def retranslateUi(self, MainWindow):
_translate = QtCore.QCoreApplication.translate
MainWindow.setWindowTitle(_translate("MainWindow", "登陆"))
self.accountLabel.setText(_translate("MainWindow", "账号"))
self.pwdLabel.setText(_translate("MainWindow", "密码"))
self.pushButton.setText(_translate("MainWindow", "登陆"))
if __name__ == '__main__':
app = QApplication(sys.argv)
widget = QMainWindow(None)
Ui_MainWindow().setupUi(widget)
sys.exit(app.exec_())
pass

2.一个QTproject新建多个视图

如图:
新建UI

然后在源文件->main.cpp 导入类,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#include "mainwindow.h"
#include "dialog.h"//新建的文件
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;//默认的文件
Dialog d;//新建的文件
// w.show();//默认的注释掉
d.show();//新建的文件show
return a.exec();
}

然后选择新建的 Dialog.ui文件点击运行按钮,运行的就是Dialog视图

4.在窗体中打开新窗体

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
class Example(QMainWindow):
def __init__(self):
super().__init__()
self.initGUI();
#这一句比较关键,先声明这个窗体2等到需要show的时候在展示出来。
self.child = Exaple2()
def initGUI(self):
btn = QPushButton('打开窗体', self)
btn.setToolTip('这是个btn')
btn.resize(btn.sizeHint())
btn.clicked.connect(self.showSecond)
def showSecond(self):
self.child.show()
#第二个窗口
class Exaple2(QWidget):
def __init__(self):
super().__init__()
self.configUI()
def configUI(self):
self.lable = QLabel('我是第二个窗体', self)
self.lable.setWordWrap(True) # 自动换行
#设置frame
self.lable.setGeometry(50, 100, 200, 50)
#设置新窗体frame
self.setGeometry(500,500,300,300);

4.安装QT

下载QT5.*
下载QT5
因为下载的dmg直接点下一步下一步安装完成
QT的官方Demo

5.新建工程

1.第一步
第一步
2.第二步
第二步
3.第三步
image.png
4.第四步 拖拽控件
image.png
5.点击运行

image.png
6.效果图
image.png