I am making a minesweeper-like game with python 3.6 tkinter on Windows. I used the code from https://stackoverflow.com/a/47985165/8110056 . However, the create_window object overlapped other widgets when scrolling. I have tried to wrap the canvas with a Frame but there was no difference.
class Scrollable(tk.Frame):
"""
Make a frame scrollable with scrollbar on the right.
After adding or removing widgets to the scrollable frame,
call the update() method to refresh the scrollable area.
"""
def __init__(self, frame, **kwargs):
scrollbar = tk.Scrollbar(win,)
scrollbar.grid(row=0, column=1, sticky=tk.NS)#pack(side=tk.LEFT, fill=tk.Y, expand=True)
w = kwargs.get('width', MAP_WIDTH)
h = kwargs.get('height', MAP_HEIGHT)
self.canvas = tk.Canvas(frame, yscrollcommand=scrollbar.set, height=h-100, width=w-100, # produce
highlightthickness=0, borderwidth=5, background='#123456')
self.canvas.grid(row=2)
scrollbar.config(command=self.canvas.yview)
self.canvas.bind('<Configure>', self._fill_canvas)
super().__init__(frame, **kwargs)
self.windows_item = self.canvas.create_window(0,0, window=self, anchor=tk.NW,)
def _fill_canvas(self, event):
"Enlarge the windows item to the canvas width"
canvas_width = event.width
self.canvas.itemconfig(self.windows_item, width = canvas_width)
def update(self):
"Update the canvas and the scrollregion"
self.update_idletasks()
self.canvas.config(scrollregion=self.canvas.bbox(tk.ALL))
win = tk.Tk()
MAP_WIDTH = 25*columns
MAP_HEIGHT = 25*rows
whole_frame = tk.Frame(win, relief=tk.RIDGE, borderwidth=10, )
whole_frame.grid(row=0, column=0)
top_frame = tk.Frame(whole_frame, width=MAP_WIDTH, padx=10)
top_frame.grid(sticky=tk.EW)
divider = tk.Frame(whole_frame, relief=tk.RAISED,
height=10, width=MAP_WIDTH, borderwidth=10)
divider.grid(row=1)
bottom_frame = Scrollable(whole_frame,)
realmap = [tk.Button(...) for i in range(rows*columns)]
for i in realmap:
i.grid(...)
bottom_frame.update()
win.update()
