### 使用 Qt 创建应用程序界面 #### 了解 Qt 和 PyQt5 工具集 Qt 是一个跨平台的 C++ 图形用户界面库，支持 Windows、macOS 和 Linux 等多个操作系统。PyQt5 则是 Python 对 Qt 的绑定，允许开发者利用 Python 编写 Qt 应用程序。 #### 设计简单图形用户界面 (GUI) 为了设计 GUI，可以采用两种主要方法： - **使用 Qt Designer**: 这是一个可视化的工具，能够拖拽组件来快速搭建 UI 布局并保存为 `.ui` 文件。 - **手写代码定义布局**: 直接编写 Python 或者 C++ 代码来创建窗口部件(widgets)，设置它们的位置以及相互关系。 对于初学者来说，推荐先学习如何通过编程方式构建基础的小型项目，在掌握一定经验后再尝试更复杂的场景如多页面导航或是集成第三方图表控件(QtChart)[^1]。 #### 实现一个多页应用实例 下面展示了一个简单的例子，它实现了两个不同页面间的转换，并且可以在其中一个界面上绘制折线图用于数据呈现: ```python import sys from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton, QVBoxLayout, QWidget, QStackedWidget from PyQt5.QtCharts import QChartView, QLineSeries, QChart from PyQt5.QtCore import Qt class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle('Multi-page App with Chart') # Initialize stacked widget to manage multiple pages. self.stacked_widget = QStackedWidget() self.setCentralWidget(self.stacked_widget) # Create first page containing a button that switches to the second page. self.page_1 = QWidget() layout_page_1 = QVBoxLayout() switch_button = QPushButton("Switch Page") switch_button.clicked.connect(lambda: self.switch_page(1)) layout_page_1.addWidget(switch_button) self.page_1.setLayout(layout_page_1) # Add chart view on the second page which will be switched by pressing above button. self.chart_view = QChartView() series = QLineSeries() for i in range(0, 10): series.append(i, i * i) chart = QChart() chart.addSeries(series) chart.createDefaultAxes() self.chart_view.setChart(chart) self.page_2 = QWidget() layout_page_2 = QVBoxLayout() layout_page_2.addWidget(self.chart_view) self.page_2.setLayout(layout_page_2) self.stacked_widget.addWidget(self.page_1) self.stacked_widget.addWidget(self.page_2) def switch_page(self, index=0): """ Switch between different pages within application.""" self.stacked_widget.setCurrentIndex(index) if __name__ == '__main__': app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec()) ``` 此段代码展示了怎样在一个主窗口内管理多个子页面，并且可以通过按钮点击事件触发页面间的变化；同时也包含了关于如何向特定页面添加 `QChartView` 组件以显示线条图的具体操作。