{"id":333,"date":"2018-07-01T09:29:52","date_gmt":"2018-07-01T07:29:52","guid":{"rendered":"http:\/\/pythonprogramming.altervista.org\/?p=333"},"modified":"2021-03-10T10:32:34","modified_gmt":"2021-03-10T09:32:34","slug":"tkinter-12-listbox","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/tkinter-12-listbox\/","title":{"rendered":"Tkinter 11 – Listbox"},"content":{"rendered":"\n

The listbox in tkinter<\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

A listbox is a text box in with there are items in each row, like in a grocery list. I will show you the use of listbox in tkinter trough an example. This is the 11th lesson, so you should know about tkinter, the button widget and the entry widget. If not, go to the end of this article and check for the previous lessons.<\/p>\n\n\n\n

An app to create a to do list in Python with Tkinter<\/h2>\n\n\n\n

To show you how to use the listbox, I will show you the code for a little app. In the video at the end of this article, I will explain the code, while I’m writing it.<\/p>\n\n\n\n

The code of the App<\/h2>\n\n\n\n

Here is the full code. I’ll explain it in the next video.<\/p>\n\n\n\n

import tkinter as tk\n\n\ndef clicked():\n\tlistbox.insert(tk.END, content.get())\n\ndef delete():\n\tlistbox.delete(0, tk.END)\n\ndef delete_selected():\n\tlistbox.delete(tk.ANCHOR)\n\n# The window\nroot = tk.Tk()\nroot.title(\"List App\")\nroot.geometry(\"400x400\")\n\n# The entry to input the items\ncontent = tk.StringVar()\nentry = tk.Entry(root, textvariable=content)\nentry.pack()\n\n# The button to insert the item in the list\nbutton = tk.Button(root, text=\"Add Item\", command=clicked)\nbutton.pack()\n\n# the button to delete everything\nbutton_delete = tk.Button(text=\"Delete\", command=delete)\nbutton_delete.pack()\n\n# The button to delete only the selected item in the list\nbutton_delete_selected = tk.Button(text=\"Delete Selected\", command=delete_selected)\nbutton_delete_selected.pack()\n\n# The listbox\nlistbox = tk.Listbox(root)\nlistbox.pack()\n\nroot.mainloop()<\/pre>\n\n\n\n
 <\/h2>\n\n\n\n
\"\"<\/a>
A window with three buttons and three relative function for the command event<\/figcaption><\/figure>\n\n\n\n
Using a class for the app<\/h2>\n\n\n\n
We could use a class for this app to make a more mantainable code<\/p>\n\n\n\n
import tkinter as tk\n\n# LISTBOX\nclass Window:\n\n\tdef __init__(self):\n\t\tself.root = tk.Tk()\n\t\tself.root.title(\"List App\")\n\t\tself.root.geometry(\"400x400\")\n\t\tself.widgets()\n\n\tdef widgets(self):\n\t\t\"Widgets in order from top to bottom\"\n\t\tself.entry()\n\t\tself.buttons()\n\t\tself.listbox()\n\n\tdef entry(self):\n\t\t\"Here you input the items\"\n\t\tself.content = tk.StringVar()\n\t\tself.entry = tk.Entry(self.root, textvariable=self.content)\n\t\tself.entry.pack()\n\t\tself.entry.focus()\n\n\tdef buttons(self):\n\t\t\"Buttons to insert the items, delete all of them or the selected one\"\n\t\tself.button = tk.Button(self.root, text=\"Add Item\", command=self.insert_item)\n\t\tself.button.pack()\n\t\tself.button_delete = tk.Button(self.root, text=\"Delete\", command=self.delete)\n\t\tself.button_delete.pack()\n\t\tself.button_delete_selected = tk.Button(self.root, text=\"Delete Selected\", command=self.delete_selected)\n\t\tself.button_delete_selected.pack()\n\t\n\tdef listbox(self):\n\t\t\"The listbox with the items\"\n\t\tself.listbox = tk.Listbox(self.root)\n\t\tself.listbox.pack()\n\t\tself.root.mainloop()\n\n\tdef insert_item(self):\n\t\t\"The command to insert the item in the entry\"\n\t\tself.listbox.insert(tk.END, self.content.get())\n\t\tself.content.set(\"\")\n\n\tdef delete(self):\n\t\t\"Command to delete all items\"\n\t\tself.listbox.delete(0, tk.END)\n\n\tdef delete_selected(self):\n\t\t\"Command to delete only the selected item\"\n\t\tself.listbox.delete(tk.ANCHOR)\n\nWindow()<\/pre>\n\n\n\n
\"\"<\/a>
The result is the same<\/figcaption><\/figure>\n\n\n\n
Video – part 1 and part 2<\/h2>\n\n\n