How to add a scrollbar to a window with tkinter?

Question

I have a tkinter program:

import urllib.request from tkinter import * root = Tk() root.iconbitmap(default='icon.ico') root.wm_title('Got Skills\' Skill Tracker') frame = Frame(width="500",height="500") frame.pack() def show(): name = "zezima" page = urllib.request.urlopen('http://hiscore.runescape.com/index_lite.ws?player=' + name) page = page.readlines() skills = [] for line in page: skills.append([line.decode("utf-8").replace("\n", "").split(",")]) skills = skills[0:25] for item in skills: toPrint = item[0][0],"-",item[0][1],"-",item[0][1],"\n" w = Message(frame, text=toPrint) w.pack() menu = Menu(root) root.config(menu=menu) filemenu = Menu(menu) menu.add_cascade(label="Commands", menu=filemenu) filemenu.add_command(label="Show Skills", command=show) root.mainloop()

When I run the above script, it shows this (which is good):

alt text http://img708.imageshack.us/img708/8821/tkinter1.png

When I click Commands > Show Skills, it turns into this. (Linked because it's tall.) It shows the right thing, but...I can imagine you see the problem.

Two questions:

-How do I add a scrollbar to the frame, and keep the frame a fixed size? (Ideally, keep the size of the first image, add the output of show(), add a scrollbar to the first image of the program.) -With the following code:

 for item in skills: toPrint = item[0][0],"-",item[0][1],"-",item[0][2],"\n" w = Message(frame, text=toPrint) w.pack()

Is that the best way to output what I'm outputting? The list (skills) looks like [[1,2,3],[4,5,6]..], and I want to display 1-2-3 on a line, 4 - 5 - 6 on a line, etc.

But, I don't want that extra line in between them like there is now, and I was wondering if how I did it is the best way to go about doing it.

abbot · Accepted Answer · 2009-12-04 07:33:09Z

To add the scroll bars, use tkinter.tix.ScrolledWindow.

To remove extra space drop the extra "\n" and display a string, not a tuple. Here is the complete code:

import urllib.request from tkinter import * from tkinter.tix import * root = Tk() root.iconbitmap(default='icon.ico') root.wm_title('Got Skills\' Skill Tracker') frame = Frame(width="500",height="500") frame.pack() swin = ScrolledWindow(frame, width=500, height=500) swin.pack() win = swin.window def show(): name = "zezima" page = urllib.request.urlopen('http://hiscore.runescape.com/index_lite.ws?player=' + name) page = page.readlines() skills = [] for line in page: skills.append([line.decode("utf-8").replace("\n", "").split(",")]) skills = skills[0:25] for item in skills: toPrint = item[0][0],"-",item[0][1],"-",item[0][1] w = Message(win, text=' '.join(toPrint), width=500) w.pack() menu = Menu(root) root.config(menu=menu) filemenu = Menu(menu) menu.add_cascade(label="Commands", menu=filemenu) filemenu.add_command(label="Show Skills", command=show) root.mainloop()

Why did you use strings for the width and height for the frame?
@GabeMorris don't remember to be honest :) Most likely I kept the authors original version there. But keep in mind that this is tk bindings for Python, so many parameters are variant and subject to interpretation in context. Dimensions specifically can be ints or strings, optionally with unit suffixes (ref and here)
Not being used to Tkinter, the additional stuff obscures the exact solution
I get _tkinter.TclError: invalid command name "tixScrolledWindow"

Kanwar Adnan · Accepted Answer · 2021-08-08 14:15:06Z

Here's a class for scrolling frames. Just pass the window object as traditional tkinter style and use obj.frame as window for new widgets.

class ScrollableFrame: """ # How to use class from tkinter import * obj = ScrollableFrame(master,height=300 # Total required height of canvas,width=400 # Total width of master) objframe = obj.frame # use objframe as the main window to make widget """ def __init__ (self,master,width,height,mousescroll=0): self.mousescroll = mousescroll self.master = master self.height = height self.width = width self.main_frame = Frame(self.master) self.main_frame.pack(fill=BOTH,expand=1) self.scrollbar = Scrollbar(self.main_frame, orient=VERTICAL) self.scrollbar.pack(side=RIGHT,fill=Y) self.canvas = Canvas(self.main_frame,yscrollcommand=self.scrollbar.set) self.canvas.pack(expand=True,fill=BOTH) self.scrollbar.config(command=self.canvas.yview) self.canvas.bind('<Configure>', lambda e: self.canvas.configure(scrollregion = self.canvas.bbox("all"))) self.frame = Frame(self.canvas,width=self.width,height=self.height) self.frame.pack(expand=True,fill=BOTH) self.canvas.create_window((0,0), window=self.frame, anchor="nw") self.frame.bind("<Enter>", self.entered) self.frame.bind("<Leave>", self.left) def _on_mouse_wheel(self,event): self.canvas.yview_scroll(-1 * int((event.delta / 120)), "units") def entered(self,event): if self.mousescroll: self.canvas.bind_all("<MouseWheel>", self._on_mouse_wheel) def left(self,event): if self.mousescroll: self.canvas.unbind_all("<MouseWheel>")

Collectives™ on Stack Overflow

How to add a scrollbar to a window with tkinter?

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related