我正在創建的 Tkinter GUI 出現滾動條問題。GUI 包含一個類Gen_Box，該類在呼叫小部件時垂直向下再現給定小部件的次數add_btn。顯然，這很快就跑出了窗框。
我嘗試添加一個滾動條來解決這個問題。我知道這些在 tkinter 中添加非常復雜，并且需要一些修改。我參考了 Codemy 的
第二Monitor個小部件后的幀：
另請注意，我正在使用CustomTkinter對小部件進行樣式化。
當前代碼。滾動條在Form.__init__()函式中設定。非常感謝有關此問題的任何幫助或此處的其他輸入。
class Form(tk.Frame):
def __init__(self, root):
self.root = root
self.main_frame = tk.Frame(self.root)
self.main_frame.grid(sticky='NSEW')
self.canvas = tk.Canvas(self.main_frame, height=750, width=750)
self.canvas.grid(row=0, column=0, sticky='NSEW')
self.canvas.grid_rowconfigure(0, weight=1)
self.scrollbar = tk.Scrollbar(self.main_frame, orient=VERTICAL)
self.scrollbar.config(command=self.canvas.yview)
self.scrollbar.grid(row=0, column=1, sticky='NSE')
self.canvas.config(yscrollcommand=self.scrollbar.set)
self.canvas.bind("<Configure>", lambda e: self.canvas.configure(scrollregion=self.canvas.bbox(ALL)))
self.inner_frame = tk.Frame(self.canvas)
self.canvas.create_window((0,0), window=self.inner_frame, anchor='nw')
self.load()
def load(self):
self.right = ctk.CTkFrame(self.inner_frame, bg_color='#09275d', fg_color='#09275d', height=750, width=750)
basics_label = ctk.CTkLabel(self.right, text='Setup', text_font=('Helvetica', 24), text_color='#f5d397')
basics_label.grid(row=0, column=0, sticky='NW', pady=10)
name_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d')
name_frame.grid(row=1, columnspan=2, sticky=NW,pady=5)
name_label = ctk.CTkLabel(name_frame, text='Name', text_font=("MS Sans Serif", 15))
name_label.grid(row=1, column=0, padx=2, pady=2, sticky=NW)
name_entry = ctk.CTkEntry(name_frame, width=250, border_width=1, corner_radius=10)
name_entry.grid(row=1, column=1, padx=2, pady=2)
start_frame = ctk.CTkFrame(self.right, corner_radius=2, fg_color='#E4E7F1', bg_color='#09275d')
start_frame.grid(row=2, columnspan=2, sticky=NW,pady=5)
start_url_label = ctk.CTkLabel(start_frame, text='Start URL', text_font=("MS Sans Serif", 15))
start_url_label.grid(row=2, column=0, sticky=NW, pady=2, padx=2)
start_urls_frame = ctk.CTkFrame(start_frame, fg_color='#E4E7F1', bg_color='#09275d')
start_urls_frame.grid(row=2, column=1, pady=2, padx=2)
start_urls = Gen_Box(start_urls_frame, Include)
include_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d', corner_radius=5)
include_frame.grid(row=3, columnspan=2, sticky=NW,pady=5)
include_url_label = ctk.CTkLabel(include_frame, text='Include URL', text_font=("Myriad", 15))
include_url_label.grid(row=3, column=0, sticky=NW, padx=2, pady=2)
include_url_entry = ctk.CTkFrame(include_frame, fg_color='#E4E7F1', bg_color='#09275d')
include_url_entry.grid(row=3, column=1, columnspan=2, padx=2, pady=2)
url_patterns = Gen_Box(include_url_entry, Include)
depth_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d', corner_radius=5)
depth_frame.grid(row=4, columnspan=2, sticky=NW, pady=5)
depth_label = ctk.CTkLabel(depth_frame, text='Max Depth', text_font=("Myriad", 15))
depth_label.grid(row=4, column=0, sticky=NW, padx=2, pady=2)
depth_level = ctk.IntVar(depth_frame)
depth_level.set(1)
depth_options = ctk.CTkOptionMenu(master=depth_frame, variable=depth_level, values=[str(i) for i in range(1,11)], fg_color='white', button_color='#6AA6DE', width=25, corner_radius=10)
depth_options.grid(row=4, column=1, sticky=NW, padx=2, pady=2)
profile_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d', corner_radius=5)
profile_frame.grid(row=5, columnspan=2, sticky=NW, pady=5)
profile_label = ctk.CTkLabel(profile_frame, text='Chrome Profile', text_font=("Myriad", 15))
profile_label.grid(row=5, column=0, sticky=NW, padx=2, pady=2)
profile_level = ctk.StringVar(profile_frame)
profile_level.set('False')
profile_options = ctk.CTkOptionMenu(master=profile_frame, variable=profile_level, values=['True', 'False'], fg_color='white', button_color='#6AA6DE', width=25, corner_radius=10)
profile_options.grid(row=5, column=1, sticky=NW, padx=2, pady=2)
headless_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d', corner_radius=5)
headless_frame.grid(row=6, columnspan=2, sticky=NW, pady=5)
headless_label = ctk.CTkLabel(headless_frame, text='Headless', text_font=("Myriad", 15))
headless_label.grid(row=6, column=0, sticky=NW, padx=2, pady=2)
headless_level = ctk.StringVar(headless_frame)
headless_level.set('True')
headless_options = ctk.CTkOptionMenu(master=headless_frame, variable=headless_level, values=['True', 'False'], fg_color='white', button_color='#6AA6DE', width=25, corner_radius=10)
headless_options.grid(row=6, column=1, sticky=NW, padx=2, pady=2)
delay_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d', corner_radius=5)
delay_frame.grid(row=7, columnspan=2, sticky=NW, pady=5)
delay_label = ctk.CTkLabel(delay_frame, text='Delay', text_font=("Myriad", 15))
delay_label.grid(row=7, column=0, sticky=NW, padx=2, pady=2)
delay_level = ctk.IntVar(delay_frame)
delay_level.set(0)
delay_options = ctk.CTkOptionMenu(master=delay_frame, variable=delay_level, values=[str(i) for i in range(1,11)], fg_color='white', button_color='#6AA6DE', width=25, corner_radius=10)
delay_options.grid(row=7, column=1, sticky=NW, padx=2, pady=2)
download_frame = ctk.CTkFrame(self.right, fg_color='#E4E7F1', bg_color='#09275d')
download_frame.grid(row=8, columnspan=2, sticky=NW,pady=5)
download_label = ctk.CTkLabel(download_frame, text='Download Path', text_font=("MS Sans Serif", 15))
download_label.grid(row=8, column=0, padx=2, pady=2, sticky=NW)
download_entry = ctk.CTkEntry(download_frame, width=350, border_width=1, corner_radius=10)
download_entry.grid(row=8, column=1, padx=2, pady=2)
self.monitors_label = ctk.CTkLabel(self.right, text='Monitors', text_font=('Helvetica', 24), text_color='#f5d397')
self.monitors_label.grid(sticky='NW', row=9, column=0, pady=10)
self.monitor_frame = ctk.CTkFrame(self.right, bg_color='#09275d', fg_color='#09275d')
Gen_Box(self.monitor_frame, Monitor)
self.monitor_frame.grid(row=10, sticky='NW')
self.right.grid(row=0)
class Gen_Box:
def __init__(self, master, gen_obj, existing=None):
self.master = master
self.gen_obj = gen_obj
self.existing = existing
self.load(existing)
def load(self, existing=None):
if existing:
self.obj_rows = [self.gen_obj(key) for key in existing.keys()]
else:
self.obj_rows = [self.gen_obj(0)]
self.frame = ctk.CTkFrame(self.master, fg_color='#09275d')
for index, obj in enumerate(self.obj_rows):
add = lambda row=index 1 : self.add(row)
remove = lambda row=index : self.remove(row)
obj.row_no = index
if existing:
obj.load(self.frame, existing=existing[index])
else:
obj.load(self.frame)
obj.add_btn.configure(command=add)
obj.remove_btn.configure(command=remove)
self.frame.grid(sticky='NSEW')
self.master.update()
def add(self, row):
self.obj_rows.insert(row, self.gen_obj(row))
existing_entries = self.save_existing()
self.frame.destroy()
self.load(existing_entries)
def remove(self, row):
self.obj_rows.pop(row)
existing_entries = self.save_existing()
self.frame.destroy()
self.load(existing_entries)
def save_existing(self):
existing_dict = {}
for index, object in enumerate(self.obj_rows):
try:
existing_dict[index] = object.generate_scheme()
except AttributeError as e:
existing_dict[index] = None
return existing_dict
class Monitor:
def __init__(self, row_no):
self.row_no = row_no
def generate_scheme(self):
return_dict = {}
scheme_dict = {
'output': self.output.get,
'includes': self.includes.save_existing,
'selectors': self.selectors.save_existing
}
for key, value in scheme_dict.items():
return_dict[key] = value()
return return_dict
def load(self, frame, existing=None):
self.monitor_frame = ctk.CTkFrame(frame, fg_color='#E4E7F1', bg_color='#09275d')
self.button_frame = ctk.CTkFrame(frame, bg_color='#09275d', fg_color='#09275d')
self.button_frame.grid(row=self.row_no, column=1, sticky='NSEW', pady=10, padx=2)
self.add_btn = ctk.CTkButton(self.button_frame, text=' ', corner_radius=2, width=50, height=50, fg_color='#ecae3e')
self.add_btn.grid(row=self.row_no, column=0, padx=10)
self.remove_btn = ctk.CTkButton(self.button_frame, text='-', corner_radius=2, width=50, height=50, fg_color='#ecae3e')
self.remove_btn.grid(row=self.row_no, column=1, padx=10)
self.top_frame = ctk.CTkFrame(self.monitor_frame)
self.top_frame.grid(sticky='NSEW', pady=10, padx=10)
self.include_frame = ctk.CTkFrame(self.top_frame, fg_color='#E4E7F1', bg_color='#E4E7F1')
self.include_frame.grid(row=0, sticky='NSEW')
self.include_label = ctk.CTkLabel(self.include_frame, text='Include URLs', text_font=("Myriad", 15))
self.include_label.grid(row=0, sticky='NW')
if not existing:
self.includes = Gen_Box(self.include_frame, Include)
else:
self.includes = Gen_Box(self.include_frame, Include, existing=existing['includes'])
self.selector_frame = ctk.CTkFrame(self.top_frame, fg_color='#E4E7F1', bg_color='#E4E7F1')
self.selector_frame.grid(row=1, sticky='NSEW')
self.selector_label = ctk.CTkLabel(self.selector_frame, text='Selectors (Optional)', text_font=("Myriad", 15))
self.selector_label.grid(row=1, sticky='NW')
if not existing:
self.selectors = Gen_Box(self.selector_frame, Include)
else:
self.selectors = Gen_Box(self.selector_frame, Include, existing=existing['selectors'])
self.output_frame = ctk.CTkFrame(self.monitor_frame, fg_color='#E4E7F1', bg_color='#E4E7F1')
self.output_frame.grid(row=2, pady=5, padx=2, sticky='NSEW', columnspan=2)
self.output_label = ctk.CTkLabel(self.output_frame, text='Output', text_font=("Myriad", 15))
self.output_label.grid(row=2, column=0)
self.output = ctk.StringVar(self.output_frame)
if existing:
self.output.set(existing['output'])
else:
self.output.set('TXT')
self.output_options = ['TXT', 'PDF']
self.output_menu = ctk.CTkOptionMenu(self.output_frame, variable=self.output, values=self.output_options, fg_color='white', button_color='#6AA6DE', width=25, corner_radius=10)
self.output_menu.grid(row=2, column=1)
self.actions_frame = ctk.CTkFrame(self.monitor_frame, bg_color='#E4E7F1', fg_color='#E4E7F1')
self.actions_frame.grid(row=3, pady=5)
self.add_actions_btn = ctk.CTkButton(self.actions_frame, text='Actions Editor ▼', text_font=("Myriad", 10), fg_color='#3eecae', corner_radius=10)
self.add_actions_btn.grid(sticky='NSEW')
self.add_actions_btn.configure(width=self.actions_frame.winfo_width())
self.monitor_frame.grid(row=self.row_no, pady=10, padx=10)
frame.update()
class Include:
def __init__(self, row_no):
self.row_no = row_no
def generate_scheme(self):
return_dict = {}
scheme_dict = {
'entry': self.entry.get
}
for key, value in scheme_dict.items():
return_dict[key] = value()
return return_dict
def load(self, master, existing=None):
entry_frame = ctk.CTkFrame(master, bg_color='#E4E7F1', fg_color='#E4E7F1')
self.entry = ctk.CTkEntry(entry_frame, corner_radius=10, border_width=1, width=300, bg_color='#E4E7F1')
if existing:
self.entry.insert(END, existing['entry'])
self.entry.grid(row=self.row_no, column=0, pady=2, ipadx=2, sticky=NSEW)
button_frame = ctk.CTkFrame(master, bg_color='#E4E7F1', fg_color='#E4E7F1')
self.add_btn = ctk.CTkButton(button_frame, text=' ', height=10, width=10, corner_radius=5, text_font=("Helvetica", 12), fg_color='#6AA6DE', bg_color='#E4E7F1', text_color='#E4E7F1')
self.add_btn.grid(row=self.row_no, column=1, padx=3, pady=5)
self.remove_btn = ctk.CTkButton(button_frame, text='-', height=10, width=10, corner_radius=5, text_font=("Helvetica", 12), fg_color='#6AA6DE', bg_color='#E4E7F1', text_color='#E4E7F1')
self.remove_btn.grid(row=self.row_no, column=2, padx=3, pady=5)
entry_frame.grid(row=self.row_no, column=0, sticky='NSEW')
button_frame.grid(row=self.row_no, column=1, sticky='NSEW')
root = ctk.CTk()
root.configure(bg='#09275d')
root.geometry('1000x650')
Form(root)
root.mainloop()uj5u.com熱心網友回復：
添加新的監視器部分時，調整大小的是內部框架 ( self.inner_frame)，而不是畫布 ( self.canvas)。所以<Configure>事件應該系結在內框而不是畫布上：
class Form(tk.Frame):
def __init__(self, root):
...
self.canvas.config(yscrollcommand=self.scrollbar.set)
### ----- don't bind on canvas
#self.canvas.bind("<Configure>", lambda e: self.canvas.configure(scrollregion=self.canvas.bbox(ALL)))
self.inner_frame = tk.Frame(self.canvas)
### ----- bind on inner frame instead
self.inner_frame.bind("<Configure>", lambda e: self.canvas.configure(scrollregion=self.canvas.bbox(ALL)))
self.canvas.create_window((0,0), window=self.inner_frame, anchor='nw')
self.load()
...
uj5u.com熱心網友回復：
嘗試修改滾動區域。請參閱https://dafarry.github.io/tkinterbook/canvas.htm中的示例，該示例使用 event.x 和 event.y 來獲取大小。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/505390.html
標籤：Python python-3.x 用户界面 tkinter tkinter-canvas
上一篇：與網格對齊的按鈕