【PyQt5篇】使用QtDesigner添加控件和槽

我会带着你远行 2024-04-17 06:45 6阅读 0赞

#### 文章目录 ####

*  🍔使用QtDesigner进行设计
 *  🛸在代码中添加信号和槽

![在这里插入图片描述][ed65f7b85b9f470285124aec63fda6c2.png]

## 🍔使用QtDesigner进行设计 ##

我们首先使用QtDesigner设计界面  
![在这里插入图片描述][ddd461c564924c02a89fb761a5647253.png]  
![在这里插入图片描述][52d539d6d7a6456c981421984694723a.png]  
得到代码login.ui

<?xml version="1.0" encoding="UTF-8"?>
    <ui version="4.0">
     <class>Form</class>
     <widget class="QWidget" name="Form">
      <property name="geometry">
       <rect>
        <x>0</x>
        <y>0</y>
        <width>478</width>
        <height>220</height>
       </rect>
      </property>
      <property name="windowTitle">
       <string>Form</string>
      </property>
      <widget class="QLabel" name="label">
       <property name="geometry">
        <rect>
         <x>20</x>
         <y>30</y>
         <width>72</width>
         <height>15</height>
        </rect>
       </property>
       <property name="text">
        <string>用户名：</string>
       </property>
      </widget>
      <widget class="QLabel" name="label_2">
       <property name="geometry">
        <rect>
         <x>21</x>
         <y>74</y>
         <width>71</width>
         <height>21</height>
        </rect>
       </property>
       <property name="text">
        <string>密码：</string>
       </property>
      </widget>
      <widget class="QTextBrowser" name="textBrowser">
       <property name="geometry">
        <rect>
         <x>215</x>
         <y>20</y>
         <width>201</width>
         <height>91</height>
        </rect>
       </property>
      </widget>
      <widget class="QPushButton" name="pushButton">
       <property name="geometry">
        <rect>
         <x>10</x>
         <y>150</y>
         <width>93</width>
         <height>28</height>
        </rect>
       </property>
       <property name="text">
        <string>登录</string>
       </property>
      </widget>
      <widget class="QPushButton" name="pushButton_2">
       <property name="geometry">
        <rect>
         <x>140</x>
         <y>150</y>
         <width>93</width>
         <height>28</height>
        </rect>
       </property>
       <property name="text">
        <string>忘记密码</string>
       </property>
      </widget>
      <widget class="QLineEdit" name="lineEdit">
       <property name="geometry">
        <rect>
         <x>80</x>
         <y>30</y>
         <width>113</width>
         <height>21</height>
        </rect>
       </property>
      </widget>
      <widget class="QLineEdit" name="lineEdit_2">
       <property name="geometry">
        <rect>
         <x>80</x>
         <y>70</y>
         <width>113</width>
         <height>21</height>
        </rect>
       </property>
      </widget>
     </widget>
     <resources/>
     <connections/>
    </ui>

## 🛸在代码中添加信号和槽 ##

我们看下面的代码

import sys
    
    from PyQt5.QtWidgets import *
    from PyQt5 import uic
    
    class MyWindow(QWidget):
    
        def __init__(self):
        
            super().__init__()  #这段代码不能少
            
            self.init_ui()
    
        def init_ui(self):
    		
    		# 引入ui文件
            self.ui=uic.loadUi("./login.ui",self)
    
            self.user_name=self.ui.lineEdit
            self.password=self.ui.lineEdit_2
            self.login_btn=self.ui.pushButton
            self.forget_btn=self.ui.pushButton_2
            self.text_Browser=self.ui.textBrowser  #文本显示区域
    
            # 绑定信号和槽函数
            self.login_btn.clicked.connect(self.login)
            self.forget_btn.clicked.connect(self.forget)
    
    
        def login(self):
            # 实现登录的逻辑
            user_name=self.user_name.text()
            password=self.password.text()
            if user_name == "admin" and password == "123456":
                print("登录成功")
                self.text_Browser.setText("欢迎%s"% user_name)
                self.text_Browser.repaint()
            else:
                print("用户名或密码错误")
                self.text_Browser.setText("用户名或密码错误")
                self.text_Browser.repaint()
    
    
        def forget(self):
            print("忘记密码")
    
    if __name__=='__main__':
        app=QApplication(sys.argv)
    
        window=MyWindow()
    
        window.show()
    
        app.exec_()

运行结果  
![在这里插入图片描述][65c95aafcaee4fc1b2396d4b2e84b8c1.png]  
![在这里插入图片描述][9c952abbcdd14e36aa7995cdbad1a161.png]

[ed65f7b85b9f470285124aec63fda6c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/ca4e4bae276341f3a9b34fc39ea3000c.png
[ddd461c564924c02a89fb761a5647253.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/a2ecda5fee9a49d0a9720b02828b64a6.png
[52d539d6d7a6456c981421984694723a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/e3aff88348f14341b2ed414ba8837a41.png
[65c95aafcaee4fc1b2396d4b2e84b8c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/085185b2f1b64c689765b3a8ad99385f.png
[9c952abbcdd14e36aa7995cdbad1a161.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/15/3ab48880c9c242668a0d3e2e6764528b.png