Tkinter混合布局异常：place容器内grid控件不显示问题

你的工具栏按钮不显示是以下几个错误共同导致的：

• Toolbar的place()参数配置错误：你设置了relwidth=2，该参数代表组件宽度相对父容器（ProjectTab）的比例，合法取值范围为0~1，设为2意味着工具栏宽度是父容器的2倍；同时你仅设置了anchor="n"但未指定锚点的水平位置，默认relx=0.5即锚点在父容器水平中点，最终导致工具栏3/4的区域偏移到ProjectTab可视区域外，放在工具栏内的按钮随父容器一同被裁剪，无法看到。
• 代码存在缩进语法错误：Window类的_center_window_and_set_size方法、类内初始化方法的代码缩进错位，直接运行会抛出语法错误。
• 缺失依赖函数：代码中多次调用_rgb_to_tk_color颜色转换函数但未定义，运行会抛出名称错误。
• 你观察到的“按钮直接放在ProjectTab中可以显示、会覆盖工具栏”是Tkinter布局的正常表现：place布局的组件独立于pack/grid的布局流，且默认z序高于同容器内用pack/grid放置的组件，所以直接放在ProjectTab里的按钮会浮在工具栏上层。

修复点如下：

1. 修正所有缩进语法错误，补全缺失的RGB转Tk颜色工具函数
2. 修正Toolbar的place参数：将relwidth设为1让工具栏占满ProjectTab宽度，显式指定relx=0.5配合anchor="n"实现顶部居中放置
3. 给工具栏内的按钮添加适当边距优化显示效果

修复后可直接运行的完整代码：

import tkinter as tk
from tkinter import LEFT, RIGHT


def _rgb_to_tk_color(rgb):
    """RGB元组转Tk支持的十六进制颜色格式"""
    r, g, b = rgb
    return f"#{r:02x}{g:02x}{b:02x}"


class Window(tk.Tk):
    """
    wrapped root
    """
    def __init__(self, *args, **kwargs):
        super().__init__()

        self.initial_display_width_ratio_percentage = 80
        self.initial_display_height_ratio_percentage = 80

        self.min_width = 800
        self.min_height = 600

        self.window_width = self.initial_display_width_ratio_percentage/100*self.winfo_screenwidth()
        self.window_height = self.initial_display_height_ratio_percentage/100*self.winfo_screenheight()
    
        self._center_window_and_set_size()
    

    def _center_window_and_set_size(self):
        x = (self.winfo_screenwidth()/2) - (self.window_width/2)
        y = (self.winfo_screenheight()/2) - (self.window_height/2)
        self.geometry('%dx%d+%d+%d' % (self.window_width, self.window_height, x, y))
        self.minsize(self.min_width, self.min_height)


class MainApplication(tk.Frame):
    def __init__(self, parent, *args, **kwargs):
        super().__init__(parent, *args, **kwargs)
        self.project_tab = ProjectTab(self)
        self.preview_tab = PreviewTab(self)
        self.project_tab.pack(side=LEFT, fill="both", expand=True)
        self.preview_tab.pack(side=RIGHT,fill="both", expand=True)


class ProjectTab(tk.Frame):
    def __init__(self, parent, *args, **kwargs):
        super().__init__(parent, *args, **kwargs)
        self['bg'] = "yellow"
        self.toolbar = Toolbar(self)
        # 修正place参数，工具栏顶部居中、占满父容器宽度
        self.toolbar.place(anchor="n", relx=0.5, relwidth=1, height=30)


class PreviewTab(tk.Frame):
    def __init__(self, parent, *args, **kwargs):
        super().__init__(parent, *args, **kwargs)
        self["bg"] = "green"


class Toolbar(tk.Frame):
    def __init__(self, parent, *args, **kwargs):
        self.rgb_background_color = (255, 0, 0)
        super().__init__(parent, *args, **kwargs)
        self["bg"]= _rgb_to_tk_color(self.rgb_background_color)
        self.file_button = FileButton(self)
        self.file_button.grid(column=0, row=0, padx=2, pady=2)

    

class FileButton(tk.Button):
    def __init__(self, parent, *args, **kwargs):
        super().__init__(parent, *args, **kwargs)
        self.rgb_background_color = (0, 0, 255)
        self["bg"]= _rgb_to_tk_color(self.rgb_background_color)
        self["text"]= "File"



if __name__ == "__main__":
    window = Window()
    MainApplication(window).pack(side="top", fill="both", expand=True)
    window.mainloop()

• Tkinter三种几何管理器禁止在同一个父容器中混用，但不同层级的容器可以分别使用不同管理器：你的MainApplication用pack放置两个标签页、ProjectTab用place放置工具栏、工具栏内部用grid放置按钮的层级设计是完全合法的，之前的异常不是管理器混用导致的。
• place的relwidth/relheight是相对父容器尺寸的比例值，只有取值在0~1区间内组件才会完全显示在父容器可视区域，超出部分会被父容器默认裁剪。
• 用place放置组件时如果指定了anchor锚点，必须配套设置relx/rely或者x/y指定锚点坐标，否则默认居中很容易出现组件偏移出可视区的问题。

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