Tkinter GUI多线程实现双页面带启停控制实时绘图的方法咨询

现有代码的核心问题修正 #

你当前的单页实现存在几个会直接阻碍多页面扩展的硬伤：

• 绘图逻辑直接被丢到子线程执行，违反了Tkinter与matplotlib画布操作必须在主线程运行的原则，只是凑巧没有触发崩溃报错
• 重复多次调用绘图逻辑：既通过threading.Thread启动，又通过root.after递归启动，会导致同一个绘图循环被触发多轮，全局状态混乱、刷帧逻辑不受控
• 全局变量绑定的控制状态无法复用到第二个页面，两个页面的启停逻辑会互相干扰

实现思路拆分 #

1. 线程职责拆分 #

• 子线程仅负责执行耗时的传感器数据采集操作，不触碰任何GUI控件、不调用matplotlib的画布刷新接口
• 主线程通过root.after机制执行所有画布更新、控件状态变更操作，通过线程安全的队列接收子线程传回的采集数据

2. 页面架构搭建 #

使用Tkinter自带的ttk.Notebook实现两个独立页面的切换，每个页面对应一个独立的Frame容器，容器内独立放置自己的绘图画布、启停控制按钮，不存在控件嵌套复用

3. 可复用绘图逻辑封装 #

将单套实时绘图的逻辑封装为独立的类，每个页面实例化时传入对应的容器、对应的光谱仪设备即可独立运行，不需要重复写重复代码。类内封装独立的运行状态标志、数据队列，不会出现两个页面的逻辑混用。

核心实现代码 #

可复用实时绘图页面类 #

import tkinter as tk
from tkinter import ttk
from matplotlib.figure import Figure
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
import threading
import queue

class RealtimePlotPage:
    def __init__(self, parent, spec_device):
        self.parent = parent
        self.spec = spec_device
        self.running = False
        # 队列仅保留最新一帧数据，避免数据堆积造成延迟
        self.data_buffer = queue.Queue(maxsize=1)

        # 页面内独立的matplotlib画布初始化
        self.fig = Figure(figsize=(10,6), tight_layout=True)
        self.ax = self.fig.add_subplot(111)
        self.canvas = FigureCanvasTkAgg(self.fig, master=parent)
        self.canvas.get_tk_widget().place(x=5, y=55)

        # 页面内独立的控制按钮
        tk.Button(parent, text="Start", font=('calibri',12), command=self.start_plot).place(x=5, y=25)
        tk.Button(parent, text="Stop", font=('calibri',12), command=self.stop_plot).place(x=65, y=25)

    def _data_fetch_worker(self):
        # 子线程执行：仅做传感器数据采集，不操作GUI
        while self.running:
            wl = self.spec.wavelengths()
            intensity = self.spec.intensities(correct_dark_counts=True)
            # 清空队列旧数据，塞入最新值
            if self.data_buffer.full():
                self.data_buffer.get_nowait()
            self.data_buffer.put((wl, intensity))

    def start_plot(self):
        if not self.running:
            self.running = True
            # 启动子线程采集数据，设置为守护线程，主窗口关闭时自动退出
            threading.Thread(target=self._data_fetch_worker, daemon=True).start()
            # 启动主线程绘图刷新循环
            self._refresh_canvas()

    def stop_plot(self):
        self.running = False

    def _refresh_canvas(self):
        # 主线程执行：负责画布更新
        if self.running:
            if not self.data_buffer.empty():
                wl, intensity = self.data_buffer.get_nowait()
                self.ax.cla()
                self.ax.plot(wl, intensity, 'w', linewidth=1.0)
                # 复用原有坐标轴配置
                self.ax.set_xlabel('Wavelength (nm)')
                self.ax.set_ylabel('Intensity (a.u.)')
                self.ax.set_xlim(200, 1000)
                self.ax.set_ylim(0, 60000)
                self.ax.set_facecolor('#1B1B2A')
                self.ax.grid(color='w', linestyle='--', linewidth=0.2)
                self.canvas.draw()
            # 1ms间隔递归调用自身，形成持续刷新循环
            self.parent.after(1, self._refresh_canvas)

双页面主程序搭建 #

# 原有的光谱仪初始化逻辑保留
import seabreeze.spectrometers as sb
spec = sb.Spectrometer.from_serial_number("FLMS15412")

root = tk.Tk()
root.configure(background='light blue')
root.geometry("1400x800")

# 创建页面切换组件
notebook = ttk.Notebook(root)
tab1 = ttk.Frame(notebook)
tab2 = ttk.Frame(notebook)
notebook.add(tab1, text="第一路光谱展示")
notebook.add(tab2, text="第二路光谱展示")
notebook.pack(expand=True, fill=tk.BOTH)

# 给两个独立页面分别挂载绘图功能
# 如果有第二台光谱仪，替换第二个实例传入的spec对象即可
plot1 = RealtimePlotPage(tab1, spec_device=spec)
plot2 = RealtimePlotPage(tab2, spec_device=spec)

root.mainloop()

关键注意事项 #

• 所有Tkinter控件操作、matplotlib画布刷新操作必须在主线程执行，不要在子线程内直接调用canvas.draw()，否则会出现随机崩溃、界面无响应
• 子线程必须设置daemon=True，避免主窗口关闭后子线程仍在后台运行占用设备
• 不要使用无限容量的缓存队列，仅保留最新一帧的采集数据即可，否则绘图延迟会随运行时间逐渐升高
• 每个页面的启停状态由类内部的running变量独立控制，不会出现两个页面的启停按钮互相干扰的问题

内容的提问来源于stack exchange，提问作者user13831250