tkinter: using scrollbars on a canvas

by

Your scrollbars need to have the Frame as a parent, not the Canvas:

from tkinter import *
root=Tk()
frame=Frame(root,width=300,height=300)
frame.pack(expand=True, fill=BOTH) #.grid(row=0,column=0)
canvas=Canvas(frame,bg='#FFFFFF',width=300,height=300,scrollregion=(0,0,500,500))
hbar=Scrollbar(frame,orient=HORIZONTAL)
hbar.pack(side=BOTTOM,fill=X)
hbar.config(command=canvas.xview)
vbar=Scrollbar(frame,orient=VERTICAL)
vbar.pack(side=RIGHT,fill=Y)
vbar.config(command=canvas.yview)
canvas.config(width=300,height=300)
canvas.config(xscrollcommand=hbar.set, yscrollcommand=vbar.set)
canvas.pack(side=LEFT,expand=True,fill=BOTH)

root.mainloop()

The reason why this works is due to how pack works. By default it will attempt to shrink (or grow) a container to exactly fit its children. Because the scrollbars are children of the canvas in the original example, the canvas shrinks to fit.

If you want the scrollbars to appear inside the canvas, the trick is to use an extra frame. Place the canvas and scrollbars in this inner frame, turn the borders off of the canvas and on for the frame. Set the background of the frame to be the same as the canvas and it will appear that the scrollbars are inside the canvas.

More Related Contents:

  1. Why does Tkinter image not show up if created in a function?
  2. Tkinter scrollbar for frame
  3. Unable to Scroll Frame using Mouse Wheel & Adding Horizontal Scrollbar
  4. tkinter: binding mousewheel to scrollbar
  5. Cannot use geometry manager pack inside
  6. How to bind a click event to a Canvas in Tkinter? [closed]
  7. Tkinter canvas zoom + move/pan
  8. Python Tkinter Embed Matplotlib in GUI
  9. Tkinter: How to get frame in canvas window to expand to the size of the canvas?
  10. How do I remove the light grey border around my Canvas widget?
  11. Changing the appearance of a Scrollbar in tkinter (using ttk styles)
  12. How to bind events to Canvas items?
  13. tkinter Canvas Scrollbar with Grid?
  14. How to pass arguments to a Button command in Tkinter?
  15. How do I organize my tkinter appllication?
  16. Why is Button parameter “command” executed when declared? [duplicate]
  17. tkinter and time.sleep
  18. Is this bad programming practice in tkinter?
  19. Removing the TK icon on a Tkinter window
  20. Tkinter: Mouse drag a window without borders, eg. overridedirect(1)
  21. PySide / PyQt detect if user trying to close window
  22. How can I set the mouse position in a tkinter window
  23. Difference between import tkinter as tk and from tkinter import
  24. Python Tkinter Canvas fail to bind keyboard
  25. Running a Tkinter form in a separate thread
  26. Tkinter.PhotoImage doesn’t not support png image
  27. How do you create a Button on a tkinter Canvas?
  28. Removing Ttk Notebook Tab Dashed Line
  29. How can I create a simple message box in Python?
  30. Tkinter KeyPress and KeyRelease events

Leave a Comment