如何显示在另一个 QWidget 类中创建的小部件?

如何解决如何显示在另一个 QWidget 类中创建的小部件?

我尝试使用 PyQt5 创建一个 UI,用户可以在其中创建和删除标签,每个标签都是一个按钮 (QPushButton),在文本输入 (QLineEdit) 之后创建,并且这些标签按钮中的每一个都伴随着一个关联的 X-按钮,点击时删除标签。

为此,我创建了第一个 QWidget 类来创建和显示主要小部件(输入框、添加标签按钮和整体布局)。

然后我创建了第二个 QWidget 类来生成每个标签按钮及其关联的 X 按钮。当用户单击第一个 QWidget 类的“添加标签”按钮时,会生成此类元素。

我的问题是我现在找不到如何正确显示此类生成的标签和 X 按钮。单击“添加标签”按钮时没有任何显示,而正确调用了生成标签和 X 按钮的功能(我使用打印进行了检查)。

GUI 无法显示标签和 X 按钮:

GUI unable to display the label and X buttons

代码如下:

from PyQt5.QtWidgets import QApplication,QMainWindow,QPushButton,QLineEdit,QWidget,QVBoxLayout,QHBoxLayout,QGridLayout,QGroupBox
import sys


class MyWindow(QMainWindow):
    def __init__(self):
        super(MyWindow,self).__init__()
        self.setWindowTitle("My Program")
        self.setGeometry(100,100,1500,1500)
        self.initUI()

    def initUI(self):
        widgets = MainWidgets()
        self.setCentralWidget(widgets)


class MainWidgets(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        self.grid = QGridLayout()
        self.grid.setColumnStretch(0,1)
        self.grid.setColumnStretch(1,1)
        self.grid.setColumnStretch(2,1)
        self.grid.setColumnStretch(3,1)

        self.labelEntry = QLineEdit(self)

        self.addLabelButton = QPushButton(self)
        self.addLabelButton.setText("Add Label")
        self.addLabelButton.clicked.connect(self.addNewLabel)

        self.hbox_labelAdd = QVBoxLayout()
        self.hbox_labelAdd.addWidget(self.labelEntry)
        self.hbox_labelAdd.addWidget(self.addLabelButton)

        self.vbox1 = QVBoxLayout()
        self.vbox1.addLayout(self.hbox_labelAdd)

        self.vbox2 = QVBoxLayout()
        self.vbox2.addStretch(1)

        self.vbox_right = QVBoxLayout()
        self.vbox_right.addLayout(self.vbox1)
        self.vbox_right.addLayout(self.vbox2)

        self.groupBox = QGroupBox("Labelling")
        self.groupBox.setLayout(self.vbox_right)

        self.grid.addWidget(self.groupBox,3)
        self.setLayout(self.grid)

    def addNewLabel(self):
        labelname = self.labelEntry.text()
        newLabelItems = Labels(self,labelname)
        self.vbox1.addWidget(newLabelItems)


class Labels(QWidget):
    def __init__(self,parent,labelname,*args,**kwargs):
        super().__init__(parent,**kwargs)
        self.mylabelname = labelname
        self.initUI()

    def initUI(self):
        self.labelButton = QPushButton(self)
        self.labelButton.setText(str(self.mylabelname))
        self.labelButton.clicked.connect(self.printbutton)
        self.buttonErase = QPushButton(self)
        self.buttonErase.setText("X")
        self.buttonErase.clicked.connect(self.erasebutton)

    def printbutton(self):
        print('clicked:',self.labelButton.text())

    def erasebutton(self):
        self.labelButton.deleteLater()
        self.buttonErase.deleteLater()


if __name__ == '__main__':
    app = QApplication(sys.argv)
    # app.setStyle('Fusion')
    window = MyWindow()
    window.show()
    sys.exit(app.exec_())

我通过创建一个空的 QPushButton 并将其与布局中的标签和 X 按钮相关联来找到一个技巧,这允许显示标签和 X 按钮,但这不是一个长期的解决方案,而且我不能找到一种方法在布局中全宽显示这些标签和 X 按钮,但由于某种原因我无法解释,布局被限制为一半(无论我使用网格、Vbox 还是 Hbox 布局)。

这里是trick代码(替换之前代码中的def addNewLabel(self)函数):

    def addNewLabel(self):
        labelname = self.labelEntry.text()
        newLabelItems = Labels(self,labelname)
        fake_widget = QPushButton(self)
        labelitems_lay = QHBoxLayout()
        labelitems_lay.addWidget(fake_widget)
        labelitems_lay.addWidget(newLabelItems)
        self.vbox1.addLayout(labelitems_lay)

在下图中,您可以看到使用此技巧的效果: 带有技巧的 GUI - 放大感兴趣的区域:

GUI with the trick - zoomed on the area of interest

总体目标是能够以与下图非常相似的方式生成按钮: 表示所需输出的方案:

Scheme representing the desired output

我认为我遇到的问题与布局有关,因为昨天感谢@furas 我能够实现这个目标,但是使用 move() 函数来显示按钮。现在我正在尝试使用布局来组织我的 UI,但不幸的是我无法再实现它。

解决方法

一种方法是将两个按钮添加到 Labels.initUi 中的布局中,例如


class Labels(QWidget):
    ....

    def initUI(self):
        self.labelButton = QPushButton(self)
        self.labelButton.setText(str(self.mylabelname))
        self.labelButton.clicked.connect(self.printbutton)
        self.buttonErase = QPushButton(self)
        self.buttonErase.setText("X")
        self.buttonErase.clicked.connect(self.erasebutton)

        layout = QHBoxLayout(self)
        layout.setContentsMargins(0,0)
        layout.addWidget(self.labelButton,stretch=1)
        layout.addWidget(self.buttonErase,stretch=0)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -> systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)> insert overwrite table dwd_trade_cart_add_inc > select data.id, > data.user_id, > data.course_id, > date_format(
错误1 hive (edu)> insert into huanhuan values(1,'haoge'); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive> show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 <configuration> <property> <name>yarn.nodemanager.res