PyQt5教程(七)——实现QQ登录界面（一、Qt Designer创建界面，Eric6创建项目）

                                          实现QQ登录界面——创建界面

1、使用Qt Designer创建QQ登录界面（QQLogin.ui文件），如下图所示：

界面文件下载地址：QQlogin.ui文件下载

2、把.ui文件转换为.py文件

通过PyQt5提供的命令行工具pyuic5可以把把.ui文件转换为.py文件：

pyuic5 -o QQLogin.py QQLogin.ui

3、Eric6创建QQ-Login项目：

打开Eric6，点击“项目”->“新建”，如下图所示：

把生成的QQLogin.py文件，拷贝到QQ-Login项目文件夹下。

在QQ-Login “项目浏览器”中鼠标右击“添加源文件”，添加QQLogin.py：

点击“文件”->“新建”，创建调用QQlogin.py文件的logicQQ.py文件，并继承界面文件的窗口类，实现界面和逻辑的分离。

逻辑文件logicQQ.py代码如下：

import sys
from PyQt5.QtWidgets import QApplication
from PyQt5.QtCore import  Qt
from QQLogin import Ui_Dialog
from PyQt5.Qt import QWidget

class MyMainWindow(QWidget, Ui_Dialog):
        def __init__( self, parent=None):
             super(MyMainWindow, self).__init__(parent)
             self.setupUi(self)
             self.initUI()

        def initUI(self):
            self.setWindowFlags(Qt.FramelessWindowHint) #去掉标题栏

if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = MyMainWindow()
    win.show()
    sys.exit(app.exec())

点击“开始”->“运行脚本(F2)”，运行如下：

 

下一篇：PyQt5教程(八)——实现QQ登录界面（二、加载资源文件）

本文原创作者：冯一川（[email protected]），未经作者授权同意，请勿转载。如需获取本程序源代码和资源，欢迎发邮件与我联系。