如何移除Tkinter中Frame组件内Canvas组件的边框？

问题根源 #

1. Canvas默认自带高亮边框，即便未绘制任何内容也会显示
2. 父容器chat_frame未配置行列权重，导致Canvas无法随Frame自动拉伸适配

修复方案 #

• 移除Canvas边框：创建Canvas时添加highlightthickness=0参数
• 让Canvas填满Frame：给chat_frame的行列设置权重，允许内部组件占用容器所有可用空间

修改后的完整代码 #

from tkinter import *

class DocuChatbotUI(Tk):
    """Class for the Documentation Chatbot UI."""
    settings_frame = None
    chat_frame = None
    input_text_frame = None
    send_button_frame = None
    input_text = None
    input_text_entry = None
    send_button = None
    chat_bubbels = []
    chat_canvas = None
    model_label = None

    def __init__(self):
        super().__init__()
        self.initialise_ui()

    def initialise_ui(self):
        """Initialises the UI of the chatbot."""
        self.geometry("1000x600")
        self.title("Documentation Chatbot")
        self.configure(bg="#FFFFFF")
        self.columnconfigure(list(range(9)), minsize=100, weight=1)
        self.rowconfigure(list(range(9)), minsize=60, weight=1)
        self.create_chat_frame()
        self.resizable(False, False)

    def create_chat_frame(self):
        """Creates the chat frame."""
        self.chat_frame = Frame(master=self, bg="#F0F0F0")
        self.chat_frame.grid(row=1, column=1, rowspan=7, columnspan=7, padx=5, pady=5, sticky="nsew")
        # 配置chat_frame的行列权重，让内部组件能跟随容器拉伸
        self.chat_frame.columnconfigure(0, weight=1)
        self.chat_frame.rowconfigure(0, weight=1)
        # 关闭Canvas的高亮边框
        self.chat_canvas = Canvas(master=self.chat_frame, bg="#F0F0F0", highlightthickness=0)
        self.chat_canvas.grid(sticky="nsew")

if __name__ == "__main__":
    chatbot_app = DocuChatbotUI()
    chatbot_app.mainloop()

关键说明 #

• highlightthickness=0：彻底关闭Canvas的默认高亮边框，解决边框可见问题
• chat_frame.columnconfigure(0, weight=1)/chat_frame.rowconfigure(0, weight=1)：告诉grid布局，当chat_frame尺寸变化时，第0行和第0列要占用所有剩余空间，确保Canvas完全填满Frame

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