如何用Tkinter滑块交互控制三角信号的Amplitude与Frequency

我是Python入门学习者，想要基于Tkinter框架，用Scale滑块组件交互建模三角信号并控制其幅度（Amplitude）与频率（Frequency）。当前我的代码中两个滑块各自独立生成信号，未实现关联。虽然知道matplotlib的.set_ydata可以实现类似交互，但我想了解Tkinter中的绑定实现细节。我的问题是：如何绑定两个滑块，使其共同控制单个信号，移动任一滑块时另一参数保持上次取值？

初始代码 #

# import modules
from tkinter import ttk
import tkinter as tk

# create window
root = tk.Tk() # object root
root.title('Oscilloscope')
root.geometry("1200x600+200+100")

# exit button
btn_exit = tk.Button(root, text='Exit', command=root.destroy, height=2, width=15)
btn_exit.place(x=1100, y=500, anchor=tk.CENTER)

# canvas
canvas = tk.Canvas(root, width = 800, height = 400, bg = 'white')
canvas.place(x=600, y=250, anchor=tk.CENTER)
for x in range(0, 800, 50): canvas.create_line(x, 0, x, 400, fill='darkgray', dash=(2, 2)) # vertical dashed lines every 50 units
for x in range(0, 400, 50): canvas.create_line(0, x, 800, x, fill='darkgray', dash=(2, 2)) # horizontal dashed lines every 50 units
canvas.create_line(400, 0, 400, 800, fill='black', width=2) # vertical line at x = 400
canvas.create_line(0, 200, 800, 200, fill='black', width=2) # horizontal line at y = 200
canvas.create_rectangle(3, 3, 800, 400, width=2, outline='darkgrey')

# parameters triangular signal
amplitude = 200
frequency = 10
nb_pts = 20 # must be necessary 2 fold the frequency for a triangular signal
offset = 200

# function for drawing the triangular signal
def draw_triangular(canvas, amplitude, frequency, offset, nb_pts):
    xpts = 1000 / (nb_pts-1)
    line = []
    for i in range(nb_pts):
        x = i * xpts
        y = amplitude * ((2 * (i * frequency / nb_pts) % 2 - 1)) + offset
        line.extend((x, y))
    canvas_line = canvas.create_line(line, fill="red", width=3)
    canvas.after(50, canvas.delete, canvas_line)

# vertical widget scale for amplitude ###############################################################################################
def amplitude_value(new_value): # show value
    label_amplitude.configure(text=f"Amplitude {new_value}")

def select_amplitude():
    sel = "Value = " + str(value.get(amplitude))
value_amp = tk.IntVar()
frm = ttk.Frame(root, padding=10)
frm.place(x=100, y=250, anchor=tk.CENTER)
scale_amplitude = tk.Scale(frm, variable=value_amp, command=amplitude_value,
                           from_ = 200, to = -200, length=400, showvalue=0, tickinterval=50, orient = tk.VERTICAL)
scale_amplitude.pack(anchor=tk.CENTER, padx=10)
label_amplitude = ttk.Label(root, text="Amplitude", font=("Arial"))
label_amplitude.place(x=110, y=480, anchor=tk.CENTER)

def update_amplitude():
    amplitude = scale_amplitude.get()
    draw_triangular(canvas, amplitude, frequency, offset, nb_pts) 
    root.after(50, update_amplitude)
    return amplitude

# horizontal widget scale for frequency ###########################################################################################
def frequency_value(new_value): # show value
    label_frequency.configure(text=f"Frequency {new_value}")

def select_frequency():
    sel = "Value = " + str(value.get(frequency))
value_freq = tk.IntVar()
frm = ttk.Frame(root, padding=10)
frm.place(x=600, y=520, anchor=tk.CENTER)
scale_frequency = tk.Scale(frm, variable=value_freq, command=frequency_value,
                           from_ = -50, to = 50, length=800, showvalue=0, tickinterval=10, orient = tk.HORIZONTAL)
scale_frequency.pack(anchor=tk.CENTER, padx=10)
label_frequency = ttk.Label(root, text="Frequency", font=("Arial"))
label_frequency.place(x=600, y=560, anchor=tk.CENTER)

def update_frequency():
    frequency = scale_frequency.get()
    draw_triangular(canvas, amplitude , frequency, offset, nb_pts)
    root.after(50, update_frequency)
    return frequency

# reset function
def reset_values():
    value_amp.set(0)
    amplitude_value(0)
    value_freq.set(0)
    frequency_value(0)

# reset button
btn_reset = tk.Button(root, text='Reset', command=reset_values, height=2, width=15)
btn_reset.place(x=1100, y=400, anchor=tk.CENTER)

update_amplitude()
update_frequency()

root.mainloop() 

实现思路与核心细节 #

要让两个滑块共同控制同一个信号，核心是让两个滑块共享同一个回调函数，在滑块值变化时同时获取两个参数的当前值，再统一绘制信号。Tkinter中的关键实现点：

• 共享回调函数：将两个Scale组件的command参数绑定到同一个函数，滑块值变化时触发该函数。
• 跟踪滑块值：用tk.IntVar存储滑块的当前值，通过.get()方法实时获取幅度和频率的最新取值。
• 高效更新画布：给绘制的线条添加统一标签（如"line"），更新时先通过canvas.delete("line")清除旧线条，再绘制新线条，避免画布残留。
• 移除重复定时任务：初始代码中update_amplitude和update_frequency的定时循环会导致重复绘制，改用滑块回调触发更新更高效。

更新后代码（实现双滑块关联控制） #

# import modules
from tkinter import ttk
import tkinter as tk
import numpy as np
from scipy import signal as sg

# create window
root = tk.Tk() # object root
root.title('Oscilloscope')
root.geometry("1200x600+200+100")

# exit button
btn_exit = tk.Button(root, text='Exit', command=root.destroy, height=2, width=15)
btn_exit.place(x=1100, y=500, anchor=tk.CENTER)

# canvas of internal grid
canvas = tk.Canvas(root, width = 800, height = 400, bg = 'white')
canvas.place(x=600, y=250, anchor=tk.CENTER)
for x in range(0, 800, 50): canvas.create_line(x, 0, x, 400, fill='darkgray', dash=(2, 2))
for x in range(0, 400, 50): canvas.create_line(0, x, 800, x, fill='darkgray', dash=(2, 2))
canvas.create_line(400, 0, 400, 800, fill='black', width=2)
canvas.create_line(0, 200, 800, 200, fill='black', width=2)
canvas.create_rectangle(3, 3, 800, 400, width=2, outline='darkgrey')

# parameters triangular signal
nb_pts = 2500
x_range = 800
offset = 200

# updated draw_triangular()
def draw_triangular(canvas, amplitude, frequency, offset, nb_pts):
    canvas.delete("line")  # clear current plot
    x_pts = x_range / (nb_pts-1)
    line = []
    for i in range(nb_pts):
        x = (i * x_pts)
        y = amplitude * sg.sawtooth(2 * np.pi * frequency * i/nb_pts, width=0.5) + offset
        line.extend((x, y))
    canvas.create_line(line, fill="red", width=3, tag="line")

# function to be called when any of the scales is changed
def on_scale_changed(*args):
    amplitude = value_amp.get()
    frequency = value_freq.get()
    draw_triangular(canvas, amplitude, frequency, offset, nb_pts)

# vertical widget scale for amplitude ###############################################################################################
value_amp = tk.IntVar()
frm = ttk.Frame(root, padding=10)
frm.place(x=100, y=250, anchor=tk.CENTER)
scale_amplitude = tk.Scale(frm, variable=value_amp, command=on_scale_changed,
                           from_ = 200, to = -200, length=400, showvalue=1, tickinterval=50, orient = tk.VERTICAL)
scale_amplitude.pack(anchor=tk.CENTER, padx=10)
label_amplitude = ttk.Label(root, text="Amplitude", font=("Arial"))
label_amplitude.place(x=110, y=480, anchor=tk.CENTER)

# horizontal widget scale for frequency #############################################################################################
value_freq = tk.IntVar()
frm = ttk.Frame(root, padding=10)
frm.place(x=600, y=480, anchor=tk.CENTER)
scale_frequency = tk.Scale(frm, variable=value_freq, command=on_scale_changed,
                           from_ = 0, to = 50, length=800, showvalue=1, tickinterval=5, orient = tk.HORIZONTAL)
scale_frequency.pack(anchor=tk.CENTER, padx=10)
label_frequency = ttk.Label(root, text="Frequency", font=("Arial"))
label_frequency.place(x=600, y=530, anchor=tk.CENTER)

# reset function
def reset_values():
    value_amp.set(0)
    value_freq.set(0)
    canvas.delete("line")
# reset button
btn_reset = tk.Button(root, text='Reset', command=reset_values, height=2, width=15)
btn_reset.place(x=1100, y=400, anchor=tk.CENTER)

root.mainloop() 

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