通过 pyqt5 动态添加和删除小部件

Posted 2023-03-25

【中文标题】通过 pyqt5 动态添加和删除小部件

【英文标题】：Dynamically add and remove widgets by pyqt5

【发布时间】：2021-12-29 17:59:47

【问题描述】：

我正在创建一个卡路里计数应用程序。动态添加和删除小部件时出现问题。我需要通过单击按钮添加新产品（标签“产品”，标签“重量”，以及用于输入产品名称和重量的字段。我没有想法。告诉我如何实现此功能？ 这是代码（它只是一个没有实现来显示我正在使用的框架）：

import sys  # interaction with Python

from PyQt5.QtWidgets import *  # for classic application based on widgets
from PyQt5 import uic  # to read ui file
from PyQt5 import QtWidgets  # to create gui


class MyWin(QtWidgets.QMainWindow):  # create class witch inherit QMainWindow
    def __init__(self):  # constructor
        QtWidgets.QMainWindow.__init__(self)  # constructor of parent class
        uic.loadUi("gui.ui", self)  # load ui


if __name__ == '__main__':  # for check non import module
    app = QApplication(sys.argv)  # create app
    mw = MyWin()  # create object of MyWin class
    mw.show()  # to show gui
    sys.exit(app.exec_())  # execute app

界面：

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>458</width>
    <height>234</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <layout class="QVBoxLayout" name="verticalLayout">
    <item>
     <widget class="QGroupBox" name="breakfest">
      <property name="title">
       <string>Breakfest</string>
      </property>
      <layout class="QVBoxLayout" name="verticalLayout_3">
       <item>
        <layout class="QVBoxLayout" name="verticalLayout_2">
         <item>
          <layout class="QHBoxLayout" name="horizontalLayout_2">
           <item>
            <widget class="QLabel" name="label_product">
             <property name="text">
              <string>Product</string>
             </property>
            </widget>
           </item>
           <item>
            <widget class="QLabel" name="label_weight">
             <property name="text">
              <string>Weight</string>
             </property>
            </widget>
           </item>
          </layout>
         </item>
         <item>
          <layout class="QHBoxLayout" name="horizontalLayout">
           <item>
            <widget class="QLineEdit" name="lineEdit_product"/>
           </item>
           <item>
            <widget class="QLineEdit" name="lineEdit_weight"/>
           </item>
          </layout>
         </item>
         <item>
          <spacer name="verticalSpacer">
           <property name="orientation">
            <enum>Qt::Vertical</enum>
           </property>
           <property name="sizeHint" stdset="0">
            <size>
             <width>20</width>
             <height>40</height>
            </size>
           </property>
          </spacer>
         </item>
         <item>
          <layout class="QHBoxLayout" name="horizontalLayout_3">
           <item>
            <widget class="QPushButton" name="add_product">
             <property name="text">
              <string>Add product</string>
             </property>
            </widget>
           </item>
           <item>
            <widget class="QPushButton" name="remove_product">
             <property name="text">
              <string>Remove product</string>
             </property>
            </widget>
           </item>
          </layout>
         </item>
        </layout>
       </item>
      </layout>
     </widget>
    </item>
   </layout>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

【参考方案1】：

连接 clicked 信号以添加/删除字段。以下是如何使用与 ui 文件中的第一个产品/重量字段相同的“结构”。

class MyWin(QtWidgets.QMainWindow):  # create class witch inherit QMainWindow
    def __init__(self):  # constructor
        QtWidgets.QMainWindow.__init__(self)  # constructor of parent class
        uic.loadUi("gui.ui", self)  # load ui
        self.add_product.clicked.connect(self.add)
        self.remove_product.clicked.connect(self.remove)

    def add(self):
        h1 = QHBoxLayout()
        h1.addWidget(QLabel('Product'))
        h1.addWidget(QLabel('Weight'))
        h2 = QHBoxLayout()
        h2.addWidget(QLineEdit())
        h2.addWidget(QLineEdit())
        i = self.verticalLayout_2.count()
        self.verticalLayout_2.insertLayout(i - 2, h1)
        self.verticalLayout_2.insertLayout(i - 1, h2)

    def remove(self):
        i = self.verticalLayout_2.count()
        if i > 3:
            QWidget().setLayout(self.verticalLayout_2.takeAt(i - 3))
            QWidget().setLayout(self.verticalLayout_2.takeAt(i - 4))

【讨论】：

感谢您的回答！以及添加的小部件将具有什么 ID（我的意思是对象名称）？以及如何初始设置 ID？

@Alex 你可以使用setObjectName

我试试这个，但不成功： label = QLabel() label.setObjectName("name") h1.addWidget(label('Product')) print(self.name.text() )