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()
           

代碼不要輸錯啦

最後的顯示頁面

*****就到這啦·