使用 PyQt5 和 QtChart 创建多界面应用和可视化的应用程序

本文链接：https://blog.csdn.net/m0_74972192/article/details/140781879

在本篇博客中，我们将使用 Python 的 PyQt5 库和 QtChart 模块来创建一个具有两个界面的应用程序。我们的应用程序将包括一个显示动画的界面和一个显示数据可视化的界面。我们将使用 QStackedWidget 来实现界面之间的切换。

简介

PyQt5 是一个 Python 绑定的 Qt5 库，它允许开发者使用 Python 语言创建图形用户界面（GUI）应用程序。QtChart 是 PyQt5 的一个模块，用于创建各种图表和数据可视化。通过本教程，你将学习如何使用 PyQt5 创建带有动画和图表的应用程序，并实现界面之间的切换。

说明

依赖库：确保安装了 PyQt5 和 PyQtChart，使用以下命令安装：
```
pip install PyQt5 PyQtChart
```
图片文件：确保在运行程序的目录中有 Anime.png 图片文件，或者将图片路径更新为实际路径。

步骤

1. 导入所需的模块

首先，我们需要导入应用程序中使用的模块：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QLabel, QVBoxLayout, QWidget, QStackedWidget
from PyQt5.QtGui import QPixmap, QPainter
from PyQt5.QtChart import QChart, QChartView, QLineSeries
from PyQt5.QtCore import Qt

2. 创建主窗口

创建一个 MainWindow 类继承自 QMainWindow，设置窗口的标题、大小，并创建一个 QStackedWidget 来实现界面切换。

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("界面切换示例")
        self.setGeometry(100, 100, 800, 600)

        # 创建一个堆叠窗口部件
        self.stackedWidget = QStackedWidget()
        self.setCentralWidget(self.stackedWidget)

        # 创建两个界面
        self.create_anime_page()
        self.create_visualization_page()

3. 创建界面

应用程序包括两个界面：一个显示动画，另一个显示数据可视化。

3.1 动画界面

动画界面包含一个 QLabel 来显示动画图片和一个 QPushButton 来切换到可视化界面。

def create_anime_page(self):
    page = QWidget()
    layout = QVBoxLayout()

    # 添加图片
    label = QLabel()
    pixmap = QPixmap("Anime.png")
    label.setPixmap(pixmap)
    layout.addWidget(label)

    # 添加按钮
    button = QPushButton("切换到可视化界面")
    button.clicked.connect(lambda: self.stackedWidget.setCurrentIndex(1))
    layout.addWidget(button)

    page.setLayout(layout)
    self.stackedWidget.addWidget(page)

3.2 可视化界面

可视化界面包含一个 QChartView 显示简单的线图，以及一个 QPushButton 来切换回动画界面。

def create_visualization_page(self):
    page = QWidget()
    layout = QVBoxLayout()

    # 创建图表
    series = QLineSeries()
    series.append(0, 6)
    series.append(2, 4)
    series.append(3, 8)
    series.append(7, 4)
    series.append(10, 5)

    chart = QChart()
    chart.addSeries(series)
    chart.setTitle("数据可视化示例")
    chart.createDefaultAxes()

    chartView = QChartView(chart)
    chartView.setRenderHint(QPainter.Antialiasing)
    layout.addWidget(chartView)

    # 添加按钮
    button = QPushButton("切换到动画界面")
    button.clicked.connect(lambda: self.stackedWidget.setCurrentIndex(0))
    layout.addWidget(button)

    page.setLayout(layout)
    self.stackedWidget.addWidget(page)

4. 运行应用程序

创建 QApplication 实例，实例化 MainWindow 并显示主窗口，然后进入应用程序的主循环。

if __name__ == "__main__":
    app = QApplication(sys.argv)
    mainWindow = MainWindow()
    mainWindow.show()
    sys.exit(app.exec_())

代码解析

导入模块：导入 PyQt5 和 QtChart 模块，用于创建 GUI 和数据可视化。
主窗口创建：创建 MainWindow 类，并在构造函数中设置窗口属性和界面。
创建界面：分别创建动画界面和数据可视化界面，并添加切换按钮。
运行程序：设置 QApplication 和 MainWindow，并启动应用程序。

完整代码

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QLabel, QVBoxLayout, QWidget, QStackedWidget
from PyQt5.QtGui import QPixmap, QPainter
from PyQt5.QtChart import QChart, QChartView, QLineSeries
from PyQt5.QtCore import Qt

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("界面切换示例")
        self.setGeometry(100, 100, 800, 600)

        # 创建一个堆叠窗口部件
        self.stackedWidget = QStackedWidget()
        self.setCentralWidget(self.stackedWidget)

        # 创建两个界面
        self.create_anime_page()
        self.create_visualization_page()

    def create_anime_page(self):
        page = QWidget()
        layout = QVBoxLayout()

        # 添加图片
        label = QLabel()
        pixmap = QPixmap("Anime.png")
        label.setPixmap(pixmap)
        layout.addWidget(label)

        # 添加按钮
        button = QPushButton("切换到可视化界面")
        button.clicked.connect(lambda: self.stackedWidget.setCurrentIndex(1))
        layout.addWidget(button)

        page.setLayout(layout)
        self.stackedWidget.addWidget(page)

    def create_visualization_page(self):
        page = QWidget()
        layout = QVBoxLayout()

        # 创建图表
        series = QLineSeries()
        series.append(0, 6)
        series.append(2, 4)
        series.append(3, 8)
        series.append(7, 4)
        series.append(10, 5)

        chart = QChart()
        chart.addSeries(series)
        chart.setTitle("数据可视化示例")
        chart.createDefaultAxes()

        chartView = QChartView(chart)
        chartView.setRenderHint(QPainter.Antialiasing)
        layout.addWidget(chartView)

        # 添加按钮
        button = QPushButton("切换到动画界面")
        button.clicked.connect(lambda: self.stackedWidget.setCurrentIndex(0))
        layout.addWidget(button)

        page.setLayout(layout)
        self.stackedWidget.addWidget(page)

if __name__ == "__main__":
    app = QApplication(sys.argv)
    mainWindow = MainWindow()
    mainWindow.show()
    sys.exit(app.exec_())