PyQt5快速入门教程4-QtDesigner设计登录界面

PyQt5快速入门教程4-QtDesigner设计登录界面

1、实现效果预览

用QtDesigner设计一个登录界面，用QTDesigner设计界面简单多了，而且更加直观。先看下效果图：

那么接下来一步一步完成该功能。

 

3、绘制ui界面

（1）打开Qt界面设计工具QTDsigner

若未安装，请参考PyQt5快速入门教程1

已经安装好之后，在“Python安装路径\Lib\site-packages\pyqt5_tools\Qt\bin”找到designer.exe。双击打开

（2）选择Wdiget，创建界面
（3）在窗口中添加控件，并修改位置和大小

通过拖拽的方式，分别在窗口添加如下控件，Lable、pushButton、QlineEdit、QcheckBox，并修改起大小和位置，如图所示：

（4）修改控件属性，并保存ui文件

修改输入密码的QlineEdit的echoMode的属性为Password

4、把.ui文件转换成.py文件

使用如下命令，把designer_login.ui文件转换成designer_login.py文件

pyuic5 -o designer_login.py designer_login.ui

pyuic5命令实现ui文件到py文件的转换，该命令的格式为：pyuic5 -o 目标文件 源文件

5、编写主程序，调用ui程序

源代码如下：

#coding=utf-8
import sys
from PyQt5.QtWidgets import QMainWindow,QApplication

import designer_login

####################### 全局变量#########################
app = QApplication(sys.argv)

class MyWindows(designer_login.Ui_Form, QMainWindow):
    def __init__(self):
        super(MyWindows, self).__init__()
        self.setupUi(self)
my_windows = MyWindows()  # 实例化对象
my_windows.show()  # 显示窗口

sys.exit(app.exec_())

运行结果：