Question

我正在Windows上使用python 3.6 tkinter制作类似于扫雷的游戏。我使用了https://stackoverflow.com/a/47985165/8110056中的代码。但是，滚动时create_window对象与其他窗口小部件重叠。我曾尝试用Frame包裹画布，但没有区别。

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()

https://i.stack.imgur.com/Frzjn.gif

Answer 1

只需将按钮的父级从button_frame更改为self.canvas即可解决此问题。 super().__init__(frame, **kwargs) 至 super().__init__(self.canvas, **kwargs)

避免画布create_window与其他小部件重叠

1 个答案: