tkinter无法创建超宽Canvas且左侧标签易被挤出可视区域问题咨询

问题1：Canvas尺寸随右侧框架宽度增大到一定阈值后不再变化 #

原因 #

你混淆了Canvas两个核心属性的作用：

• width是Canvas在界面上的可视区域宽度，这个值受操作系统窗口最大宽度限制，通常上限和你的屏幕分辨率挂钩，所以到3000左右就无法继续增大，哪怕把父容器right_frame的width参数调得再大也不会生效。
• 你需要的超大绘制区域对应的是scrollregion属性，这个参数定义的是Canvas可滚动的内容总范围，和可视宽度没有绑定，支持设置极大值。

解决方法 #

取消Canvas的可视宽度和窗口宽度的绑定，固定可视宽度为窗口剩余可用宽度即可，需要更大绘制区域时直接修改scrollregion的右边界参数，不需要调整Canvas本身的width或父容器的width。 #

问题2：左侧标签被挤出可视区域 #

原因 #

当前使用pack布局放置左右两个框架时，没有给左侧标签框架设置固定的空间优先级，右侧框架的宽度需求更大时，pack布局会优先分配空间给右侧，最终将左侧标签框架挤出可视范围。

解决方法 #

给左侧标签框架设置固定宽度，布局时设置不允许扩展，保证它始终固定在左侧占住对应空间；右侧框架设置为占满剩余所有可用空间即可。 #

import tkinter as tk

class App(tk.Frame):
    def __init__(self, root):
        super(App, self).__init__(root)
        self.root = root

        self.main_frame = MainFrame(root)
        self.main_frame.pack(padx=0, pady=0, fill=tk.BOTH, expand=True)

        self.RowCollection = RowCollection(root, self.main_frame)
        # 可按需生成任意数量行
        self.row_1 = self.RowCollection.row()
        self.row_2 = self.RowCollection.row()
        self.row_3 = self.RowCollection.row()

        def scroll_x(*args):
            # 所有canvas同步滚动
            for row in self.RowCollection.row_list:
                row.canvas.xview(*args)

        self.scrollbar = tk.Scrollbar(self.main_frame, orient=tk.HORIZONTAL)
        self.scrollbar.config(command=scroll_x)
        self.scrollbar.pack(side=tk.BOTTOM, fill=tk.X)

        # 统一配置所有canvas的滚动回调
        for row in self.RowCollection.row_list:
            canvas = row.canvas
            canvas.config(xscrollcommand=self.scrollbar.set)
            # 可按需调整scrollregion的第三个参数设置画布总宽度，这里设置为10000可按需修改
            canvas.config(scrollregion=(0, 0, 10000, row.height))

        WINDOW_HEIGHT = 700
        WINDOW_WIDTH = root.winfo_screenwidth() - 30
        root.geometry(f'{WINDOW_WIDTH}x{WINDOW_HEIGHT}+0+0')
        self.pack(side="top", fill=tk.BOTH, expand=True)


class MainFrame(tk.Frame):
    def __init__(self, master):
        tk.Frame.__init__(self, master, bg='blue')


class RowCollection:
    """行容器，统一管理左侧标签栏和右侧画布栏"""
    def __init__(self, root, frame):
        self.row_list = []
        self.root = root
        self.frame = frame
        # 左侧标签框架固定宽度，不允许扩展
        self.left_frame = tk.Frame(self.frame, width=120)
        self.left_frame.pack(side=tk.LEFT, fill=tk.Y, expand=False)
        # 右侧画布框架占满剩余空间
        self.right_frame = tk.Frame(self.frame, bg='red')
        self.right_frame.pack(side=tk.RIGHT, fill=tk.BOTH, expand=True)

    def row(self):
        row = Row(self)
        self.row_list.append(row)
        return row

class Row:
    """单行结构：左侧标签+右侧画布"""
    row_count = 0
    label_width = 15
    line_weight = 3
    line_yoffset = 3
    padx = 20

    def __init__(self, collection):
        self.collection = collection
        self.root = collection.root
        self.canvas = None
        self.label = None
        self.text = f'Canvas {Row.row_count}'
        self.height = 100

        self.label = tk.Label(self.collection.left_frame,
                              text=self.text,
                              height=1,
                              width=Row.label_width,
                              relief='raised')
        self.label.grid(row=Row.row_count, column=0, sticky='ns')
        self.collection.left_frame.grid_rowconfigure(Row.row_count, minsize=self.height)

        # 画布可视宽度自动适配右侧框架宽度
        self.canvas = tk.Canvas(self.collection.right_frame,
                             height=self.height,
                             bg='white',
                             highlightthickness=0)
        self.canvas.grid(row=Row.row_count, column=0, sticky='nsew')
        self.collection.right_frame.grid_rowconfigure(Row.row_count, weight=1)
        self.collection.right_frame.grid_columnconfigure(0, weight=1)

        # 绘制示例横线，长度对应画布总宽度
        self.line = self.canvas.create_rectangle(self.padx,
                                                 self.height - Row.line_yoffset,
                                                 10000 - self.padx,
                                                 self.height - Row.line_yoffset + Row.line_weight,
                                                 fill='#000000', width=0, tags='line')

        Row.row_count += 1


if __name__ == '__main__':
    root = tk.Tk()
    app = App(root)
    root.mainloop()

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