import tkinter as tk\r\n\r\nroot = tk.Tk()\r\nroot.geometry(\"400x400\")\r\n\r\n\r\nroot.mainloop()<\/pre>\nThe list of image file names!<\/h2>\n
We’ ve created the window, now let’s add a list with all the images name as items of the list.<\/p>\n
import tkinter as tk\r\nimport glob\r\n\r\n\r\nroot = tk.Tk()\r\nroot.geometry(\"400x400\")\r\n\r\nlst = tk.Listbox(root)\r\nlst.pack(side=\"left\", fill=tk.Y, expand=1)\r\nnamelist = [i for i in glob.glob(\"*png\")]\r\nfor fname in namelist:\r\n\tlst.insert(tk.END, fname)\r\n\r\nroot.mainloop()<\/pre>\nA label with the images<\/h2>\n
Now we need to show the images; we will use a label for this in this way:<\/p>\n
img = tk.PhotoImage(file=\"Idle (5)_ltl.png\")\r\nlab = tk.Label(root, text=\"hello\", image=img)\r\nlab.pack(side=\"left\")\r\n<\/pre>\nWe create an image object with PhotoImage and then we put it as value of the image argument in the Label<\/p>\n
Now we need that when we select an item in the list we see that images in the label.<\/p>\n
- \n
- we bind the listbox to a function (show)<\/li>\n
- the show function load the new image and show it in the label\n
- \n
- REMEMBER: that lab.image = img<\/strong> is important to see the image (you won’t see it without it, because the garbage collectors would delete it)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
def show(e):\r\n\tn = lst.curselection()\r\n\tfname = lst.get(n)\r\n\timg = tk.PhotoImage(file=fname)\r\n\tlab.config(image=img)\r\n\tlab.image = img\r\n\r\nlst.bind(\"<<ListboxSelect>>\", showimg)\r\n<\/pre>\n
The whole code<\/h2>\n
import tkinter as tk\r\nimport glob\r\n\r\n\r\nroot = tk.Tk()\r\nroot.geometry(\"400x400\")\r\ndef showimg(e):\r\n\tn = lst.curselection()\r\n\tfname = lst.get(n)\r\n\timg = tk.PhotoImage(file=fname)\r\n\tlab.config(image=img)\r\n\tlab.image = img\r\n\tprint(fname)\r\n\r\nlst = tk.Listbox(root)\r\nlst.pack(side=\"left\", fill=tk.Y, expand=1)\r\nnamelist = [i for i in glob.glob(\"*png\")]\r\nfor fname in namelist:\r\n\tlst.insert(tk.END, fname)\r\nlst.bind(\"<<ListboxSelect>>\", showimg)\r\nimg = tk.PhotoImage(file=\"Idle (5)_ltl.png\")\r\nlab = tk.Label(root, text=\"hello\", image=img)\r\nlab.pack(side=\"left\")\r\n\r\nroot.mainloop()<\/pre>\n
How the GUI looks like<\/h2>\n
![\"\"](\"https:\/\/pythonprogramming.altervista.org\/wp-content\/uploads\/2020\/01\/imgbrowser.png\")
<\/a><\/p>\nVideo of the live conding of Tkinter Image Browser<\/h2>\n
- REMEMBER: that lab.image = img<\/strong> is important to see the image (you won’t see it without it, because the garbage collectors would delete it)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n