Tkinter-如何在 ttk.Notebook() 中添加 Canvas/Frame

Question

在 youtube 和 google 上搜索了很多之后，我学会了如何在 Canvas 中添加全屏滚动条。看起来像 this. But now I want to Add this Frame/Canvas in ttk.Notebook() as a Tab, like this test project。但是当我键入 book.add(main,text='Tab 1') 时，它显示此错误 _tkinter.TclError: can't add .!frame.!canvas.!frame as slave of .!notebook。有谁知道如何将 canvas 显示为框架并将其作为标签添加到 notebook() 吗？

主要代码如下：

from tkinter import *
from tkinter import ttk

root=Tk()
root.title('Scroll Bar Test')
root.geometry('500x400')

#Create Main Frame
main_frame=Frame(root)
main_frame.pack(fill=BOTH,expand=1)
#Create Canvas to add scrollbar
my_canvas=Canvas(main_frame)
my_canvas.pack(side=LEFT,fill=BOTH,expand=1)
#Create ScrollBar
my_scrollbar=ttk.Scrollbar(main_frame,orient=VERTICAL,command=my_canvas.yview)
my_scrollbar.pack(side=RIGHT,fill=Y)
#Adding ScrollBar to Canvas
my_canvas.configure(yscrollcommand=my_scrollbar.set)
my_canvas.bind('<Configure>',lambda e: my_canvas.configure(scrollregion=my_canvas.bbox("all")))
#Creating Frame to show the Canvas
main=Frame(my_canvas)
#Showing Canvas into/as a Frame
my_canvas.create_window((0,0),window=main,anchor="nw")

for i in range(100):
      Button(main, text=f'Button {1+i} Yoo!',font='arial 15').pack()

#Create NoteBook
book=ttk.Notebook(root)
book.pack()
#
book.add(main,text='Tab 1')

root.mainloop()

Answer 1

两个框架创建为 Tab1 和 Tab2，然后一个带有标签，另一个带有垂直滚动 canvas。

from tkinter import *
from tkinter import ttk

def scroll(event, canvas):
    if canvas.yview() == (0.0, 1.0):
        return
    if event.num == 5 or event.delta < 0:
        canvas.yview_scroll(1, "unit")
    elif event.num == 4 or event.delta > 0:
        canvas.yview_scroll(-1, "unit")

def configure(event):
    canvas = event.widget
    canvas.configure(scrollregion=canvas.bbox("all"))

root = Tk()

book = ttk.Notebook(root)

tab1 = Frame(book, width=160, height=120)
tab2 = Frame(book, width=160, height=120)

tab1.pack_propagate(0)
tab2.pack_propagate(0)

book.add(tab1, text='TAB 1')
book.add(tab2, text='TAB 2')
book.pack(expand=1, fill=BOTH)

canvas = Canvas(tab1)
vscroll = Scrollbar(tab1, orient=VERTICAL, command=canvas.yview)
vscroll.pack(side=RIGHT, fill=Y, expand=0)
canvas.configure(yscrollcommand=vscroll.set)
canvas.pack(side=LEFT, fill=BOTH, expand=1)

frame = Frame(canvas)
canvas.create_window((0, 0), window=frame, anchor=CENTER)
labels = [Label(frame, text=f'Label {i:0>2d}', bg='green', fg='white', width=15) for i in range(20)]
for label in labels:
    label.pack(side=TOP)
    label.bind('<4>', lambda event, canvas=canvas:scroll(event, canvas))
    label.bind('<5>', lambda event, canvas=canvas:scroll(event, canvas))
    label.bind('<MouseWheel>', lambda event, canvas=canvas:scroll(event, canvas))

canvas.bind('<Configure>', configure)
canvas.bind('<4>', lambda event, canvas=canvas:scroll(event, canvas))
canvas.bind('<5>', lambda event, canvas=canvas:scroll(event, canvas))
canvas.bind('<MouseWheel>', lambda event, canvas=canvas:scroll(event, canvas))

label = Label(tab2, text="This is Tab 2", bg='green', fg='white', width=15)
label.pack(side=LEFT, fill=NONE, expand=1)

root.mainloop()

Answer 2

您的代码中有几个问题：

应将 main_frame（外框）而不是 main（内框）添加到 book
应该在 main 上绑定 <Configure> 而不是 my_canvas
创建 main_frame 作为 book 的子代而不是 root

修改后的代码如下：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title('Scroll Bar Test')
root.geometry('500x400')

# Create NoteBook
book = ttk.Notebook(root)
book.pack(fill=tk.BOTH, expand=1)

# Create Main Frame
main_frame = tk.Frame(book)
# put the main frame into notebook
book.add(main_frame, text='Tab 1')

# Create canvas inside main frame
my_canvas = tk.Canvas(main_frame)
my_canvas.pack(side=tk.LEFT, fill=tk.BOTH, expand=1)

# Create ScrollBar inside main frame
my_scrollbar = ttk.Scrollbar(main_frame, orient=tk.VERTICAL, command=my_canvas.yview)
my_scrollbar.pack(side=tk.RIGHT, fill=tk.Y)

my_canvas.configure(yscrollcommand=my_scrollbar.set)

# Creating internal frame for the buttons
main = tk.Frame(my_canvas)
main.bind('<Configure>', lambda e: my_canvas.configure(scrollregion=my_canvas.bbox("all")))
my_canvas.create_window((0,0), window=main, anchor="nw")

for i in range(100):
    tk.Button(main, text=f'Button {1+i} Yoo!', font='arial 15').pack()

root.mainloop()

请注意，我已将 from tkinter import * 更改为 import tkinter as tk，因为不建议导入通配符。

Tkinter-如何在 ttk.Notebook() 中添加 Canvas/Frame

Tkinter-How to add a Canvas/Frame in ttk.Notebook()

python

canvas

tkinter

frame