{"id":1804,"date":"2020-12-25T04:18:37","date_gmt":"2020-12-25T04:18:37","guid":{"rendered":"https:\/\/www.pythontutorial.net\/?page_id=1804"},"modified":"2021-01-05T06:43:20","modified_gmt":"2021-01-05T06:43:20","slug":"tkinter-panedwindow","status":"publish","type":"page","link":"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-panedwindow\/","title":{"rendered":"Tkinter PanedWindow"},"content":{"rendered":"\n

Summary<\/strong>: in this tutorial, you’ll learn how to use the Tkinter PanedWindow widget to divide the space of a frame or a window.<\/p>\n\n\n\n

Introduction to the Tkinter PanedWindow widget #<\/a><\/h2>\n\n\n\n

The PaneWindow<\/code> widget divides the space of a frame<\/a> or a window<\/a>. A PaneWindow<\/code> is like a Frame<\/code> that acts as a container for holding child widgets<\/p>\n\n\n\n

Typically, a PanedWindow<\/code> contains a vertical or horizontal stack of child widgets:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

A PanedWindow<\/code> uses a bar to separate the child widgets. This bar is called a sash<\/em>.<\/p>\n\n\n\n

A sash<\/em> can have a handle<\/em> which is a small square that you can drag it with a mouse:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

<\/p>\n\n\n\n

A pane<\/em> is an area occupied by one child widget.<\/p>\n\n\n\n

To create a PanedWindow<\/code> widget, you use the following syntax:<\/p>\n\n\n

ttk<\/span>.PanedWindow<\/span>(container<\/span>, **options<\/span>)<\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n
A notable option of a PanedWindow<\/code> widget is the orient<\/code> option.<\/p>\n\n\n\n
If you set the orient<\/code> to tk.HORIZONTAL<\/code>, it’ll stack child widgets side by side. If orient<\/code> is tk.VERTICAL<\/code>, it’ll stack child widgets top to bottom. The orient<\/code> option defaults to tk.VERTICAL<\/code>.<\/p>\n\n\n\n
Tkinter PanedWindow widget example #<\/a><\/h2>\n\n\n\n
The following example illustrates how to use the PanedWindow<\/code> widget to separate two Listbox<\/a> widgets:<\/p>\n\n\n
import tkinter as<\/span> tk\nfrom tkinter import ttk\n\nroot = tk.Tk()\nroot.title('PanedWindow Demo'<\/span>)\nroot.geometry('300x200'<\/span>)\n\n# change style to classic (Windows only) <\/span>\n# to show the sash and handle<\/span>\nstyle = ttk.Style()\nstyle.theme_use('classic'<\/span>)\n\n# paned window<\/span>\npw = ttk.PanedWindow(orient=tk.HORIZONTAL)\n\n# Left listbox<\/span>\nleft_list = tk.Listbox(root)\nleft_list.pack(side=tk.LEFT)\npw.add(left_list)\n\n# Right listbox<\/span>\nright_list = tk.Listbox(root)\nright_list.pack(side=tk.LEFT)\npw.add(right_list)\n\n# place the panedwindow on the root window<\/span>\npw.pack(fill=tk.BOTH, expand=True<\/span>)\n\nroot.mainloop()<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Output:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
If you run the program on Windows, you’re likely will not see the sash and handle displaying. To make it visible, you can set the default theme to classic<\/code><\/p>\n\n\n\n
Summary #<\/a><\/h2>\n\n\n\n
  • Use the Tkinter PanedWindow<\/code> widget to divide the space of a window or a frame.<\/li><\/ul>\n
    \n\t
    \n\t\t
    Was this tutorial helpful ?<\/div>\n\t\t
    \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t
    \n\t\t
    \n\t\t\t
    <\/div>\n\t\t\t