PyQt框架的使用（页面登录）

PyQt

• PyQt框架
• • 一：安装PyQt
  • • 1.添加启动Qt Designer的快捷工具
    • 2.添加Qt生成的ui文件转换为py文件的快捷工具
  • 二：登录页面
  • • 1.添加背景
    • 2.添加标题
    • 3.添加其他控件
    • 4.显示部分

PyQt框架

一：安装PyQt

打开pycharm，File->Settings->Projet：文件名->Python Interpreter

点加号

点击Install Package

1.添加启动Qt Designer的快捷工具

Tools->External Tools

点+号

Program填的是designer.exe所在的路径

点击ok

2.添加Qt生成的ui文件转换为py文件的快捷工具

点加号

二：登录页面

1.添加背景

去网上找一张背景图

在创建的项目文件夹里创建一个image文件夹，将图片保存进去

点击Tools->Extenal Tools->Qt Designer

点Main Window ,然后创建

找到右下角资源管理器

点击添加前缀，输入png

点击添加文件，找到存的那张图片

在左上角的框框里输入Label,将其拖入进主框图中，调至合适的位置

在右边属性编辑器中输入pixmap,点三个点后面向下的那个按钮，找到图片

成果

2.添加标题

在属性编辑器里输入windowTitle，输入用户页面

将一个Label拖到屏幕上,内容为登录页面

在资源管理器中，输入font

3.添加其他控件

拖到两个Label,分别输入账号，密码，效果如下

拖到两个Line Edit控件，挑整合适的位置，大小

选中框框，在资源管理器输入placeholderText,设置浮现文字

效果如下

点击密码后面的那个框框，在资源管理器中输入echoMode，选择password

拖动两个Push Button控件，分别输入取消和确认

拖动Push Button控件，输入单击关闭，选择此控件，点编辑信号和槽

将其连接到这个最大的窗口

先打勾->clicked->close()

你可以根据自己的需要设置信号和槽

快捷键ctrl+s保存，存一个名字（例如我存的是qq.ui)

4.显示部分

打开pycharm会看到qq.ui文件

选中右键，找到PyUIC

会看到qq.py文件，打开会看到import aa_rc标红

打开tools，添加qrcTopy

找到aa.qrc文件右键

打开代码在impott aa_rc之前输入

self.pushButton_3.clicked.connect(self.statusbar.close)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)


def retranslateUi(self, MainWindow):
    _translate = QtCore.QCoreApplication.translate
    MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
    self.pushButton.setText(_translate("MainWindow", "单击关闭窗体"))
    self.pushButton.clicked.connect(MainWindow.close)
           

在最后面输入

import sys
def show_MainWindow():
    app=QtWidgets.QApplication(sys.argv)
    Mainwindow=QtWidgets.QMainWindow()
    ui=Ui_MainWindow()
    ui.setupUi(Mainwindow)
    Mainwindow.show()
    sys.exit(app.exec_())

if __name__=='__main__':
    show_MainWindow()
           

代码不要输错啦

最后的显示页面

*****就到这啦·