如何让Tkinter窗口内的元素（如摄像头画面）填充满整个框架？

核心问题梳理 #

你的代码存在3个直接导致画面无法铺满窗口的问题：

• 同一父窗口下的Canvas同时调用了grid()和pack()两种布局管理器，Tkinter不支持同层级控件混用布局，导致pack()中设置的fill="both"、expand=True自适应规则完全失效
• 摄像头读取的原始帧为硬件默认固定尺寸，没有根据当前窗口/画布的实际尺寸做动态缩放
• 每次刷新帧时没有清空画布的旧内容，长期运行会出现内存占用过高、画面卡顿的问题

修复后完整代码 #

import tkinter as tk
from PIL import Image, ImageTk
import cv2

class MainWindow():
    def __init__(self, window, cap):
        self.window = window
        self.cap = cap
        self.interval = 20 # 帧刷新间隔，单位ms

        # 创建画布，去掉固定宽高设置，让布局管理器控制大小
        self.canvas = tk.Canvas(self.window)
        # 删掉多余的grid调用，只保留pack实现自适应填满
        self.canvas.pack(fill="both", expand=True)

        self.update_image()

    def update_image(self):
        # 读取摄像头帧
        ret, frame = self.cap.read()
        if not ret:
            # 摄像头读取失败时重试
            self.window.after(self.interval, self.update_image)
            return
        
        # 转换颜色格式
        frame_rgb = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
        pil_img = Image.fromarray(frame_rgb)
        
        # 获取当前画布的实际宽高，把帧缩放到对应尺寸
        canvas_width = self.canvas.winfo_width()
        canvas_height = self.canvas.winfo_height()
        # 这里如果需要保持画面比例不拉伸，可以用等比缩放逻辑，不需要的话直接resize到画布尺寸即可
        # 等比缩放示例：
        # img_ratio = pil_img.width / pil_img.height
        # canvas_ratio = canvas_width / canvas_height
        # if img_ratio > canvas_ratio:
        #     resize_width = canvas_width
        #     resize_height = int(resize_width / img_ratio)
        # else:
        #     resize_height = canvas_height
        #     resize_width = int(resize_height * img_ratio)
        # 不需要保持比例直接用下面这行
        resize_width, resize_height = canvas_width, canvas_height
        pil_img_resized = pil_img.resize((resize_width, resize_height), Image.Resampling.LANCZOS)
        
        self.image = ImageTk.PhotoImage(pil_img_resized)
        # 先清空画布旧帧
        self.canvas.delete("all")
        # 渲染新帧
        self.canvas.create_image(0, 0, anchor=tk.NW, image=self.image)

        self.window.after(self.interval, self.update_image)

if __name__ == "__main__":
    root = tk.Tk()
    root.geometry('600x800')
    # 固定窗口尺寸的话放开下面这行注释即可
    # root.resizable(width=0, height=0)
    MainWindow(root, cv2.VideoCapture(0))
    root.mainloop()

额外说明 #

如果不需要画面拉伸变形，只需要把代码中resize_width, resize_height = canvas_width, canvas_height这行注释掉，放开上方的等比缩放逻辑即可，多余的画布区域会默认留空，你也可以自行修改画布背景色填充。

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