PyQt5在Qt Designer中添加的控件上显示图表

上一篇我介绍了一下如何在窗口上显示动态图表，但是这种是针对纯使用代码建立窗口界面的情况，如果是需要设计一个比较复杂的窗口，还是得需要用到Qt Designer创建ui文件！但在ui界面中拖拽的控件就无法使用上述的代码实现，所以这次给大家介绍一下如何让ui文件中的控件可以显示图表，很简单，往下看。
首先，需要在Qt Designer中创建一个主窗口，添加一个widget控件和一个按钮，如下图所示，同时把上篇的那个完整代码的py文件放到这个项目目录下，并命名为MatplotlibWidget。
在这里插入图片描述
然后在对象栏右键点击widget，选择Promote to，在弹出的如下图一的窗口中添加类名，就是之前的那个py文件名MatplotlibWidget，记得要和文件名一致，头文件也是，然后点击Add，就添加成功！如下图二所示，选中这个类名，然后点击右下角的Promote，就可以看到widget的类以及由原来的QWidget变成了MatplotlibWidget，见下图三。
在这里插入图片描述

最后把窗口布局一下，就可以把ui文件转换成py文件运行了，显示窗口的代码如下所示，直接加到这个文件下就行噜，省的再新建一个py文件，运行后就能看到上一篇绘制的动态图表了。

if __name__ == "__main__":
    import sys
    from PyQt5.QtWidgets import QApplication
    app = QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

在这里插入图片描述
至于这个【打开】按钮也是可以运用上的，可以一开始设置不显示图表，点击【打开】按钮后才显示，代码如下：

# 这部分写在setupUi()函数下
# 让图表先不显示
self.widget.setVisible(False)
# 连接【打开】按钮
self.pushButton.clicked.connect(self.pushButton_Clicked)

# 这部分写在主窗口类中
# 设置【打开】按钮
def pushButton_Clicked(self):
    # 设置甘特图可见
    self.widget.setVisible(True)

可以看到一开始运行并没有显示图表，只有点击按钮后才会显示和上述结果一样的图表。大家记得只要保存好了绘制图表的那个py文件，然后使用上述方法就可以在ui文件中很便捷地添加自己想要的图表啦！
在这里插入图片描述

本文链接：https://blog.csdn.net/weixin_43350361/article/details/105422432

智能推荐

实战PyQt5: 023-初识Qt Designer

Qt Designer工具简介在我们前面学习PyQt的过程中，UI界面都是直接通过代码来实现的，对于比较复杂的界面，这种方式效率不高，而且要预览UI界面的效果，需要运行代码才可以看到。在PyQt中可以使用Qt Designer来完成这一步的工作。使用Qt Designer进行UI设计，可以实现视图和逻辑的分离，从而使开发更便捷。Qt Designer的操作方式十分灵活，通过拖曳的方式在窗口上放...

PyQt5安装与PyCharm配置Qt Designer

安装安装好之后在我的python安装包文件夹下有这几个包然后打开PyCharm Flie - Settings - Tools - External Tools Working directory: 如果Tool settings - Program 的可执行文件找不到在哪，可以再到对应路径下去找，我这里的话是直接使用Everything搜的右键名字复制完整路径和文件名就可以了 Every...

换肤效果

...

css3画圆和椭圆

试一下就知道怎么用了，画个多来A梦是用多简单...

raw&assets&sdcard读取mp3文件的方式

Raw方式 assets SDcard 首先需要添加静态请求权限动态请求 playMnt的播放方法如何在模拟器中添加音乐详细代码参见点击跳转...

PyQt5在Qt Designer中添加的控件上显示图表

智能推荐

猜你喜欢