{"id":1331,"date":"2020-11-29T08:50:03","date_gmt":"2020-11-29T08:50:03","guid":{"rendered":"https:\/\/www.pythontutorial.net\/?page_id=1331"},"modified":"2025-03-27T08:28:56","modified_gmt":"2025-03-27T08:28:56","slug":"tkinter-frame","status":"publish","type":"page","link":"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-frame\/","title":{"rendered":"Tkinter Frame"},"content":{"rendered":"\n

Summary<\/strong>: in this tutorial, you’ll learn about the Tkinter Frame and how to manipulate its attributes including sizes, paddings, and borders.<\/p>\n\n\n\n

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

A frame is a widget that displays as a simple rectangle. Typically, you use a frame to organize other widgets<\/a> both visually and at the coding level.<\/p>\n\n\n\n

To create a frame, you use the ttk.Frame<\/code> class:<\/p>\n\n\n

frame = ttk.Frame(master, **options)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
A frame has various configuration objects which determine its appearance.<\/p>\n\n\n\n
Property<\/th>Meaning<\/th><\/tr><\/thead>
borderwidth<\/code><\/td>Specify the border width of the frame. It defaults to zero<\/td><\/tr>
class_<\/code><\/td>Set widget class name<\/td><\/tr>
cursor<\/code><\/td>Change the cursor appearance when the mouse cursor is over the frame<\/td><\/tr>
height<\/code><\/td>Set the height of the frame.<\/td><\/tr>
padding<\/code><\/td>To create padding inside the frame and outside of the contained widgets.<\/td><\/tr>
relief<\/code><\/td>Specify the relief style for the border. To make it effective, you also need to set the borderwidth<\/code>.<\/td><\/tr>
style<\/code><\/td>Specify custom widget custom style name<\/td><\/tr>
takefocus<\/code><\/td>A boolean value specifies whether the frame is visited during focus traversal. By default, it is False<\/code>. So the frame widget does not accept focus.<\/td><\/tr>
width<\/code><\/td>Set the width of the frame.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Frame size #<\/a><\/h3>\n\n\n\n
The size of a frame is determined by the size and layout of the widgets it contains. Also, you can explicitly specify the height and width of the frame when creating it:<\/p>\n\n\n
frame = ttk.Frame(master, height, width)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Padding #<\/a><\/h3>\n\n\n\n
The padding allows you to add extra space inside the frame and outside of the contained widgets. Paddings are in pixels. <\/p>\n\n\n\n
To specify padding for each side of the frame separately, you use the following:<\/p>\n\n\n
frame['padding'<\/span>] = (left, top, right, bottom)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
For example:<\/p>\n\n\n
frame['padding'<\/span>] = (5<\/span>,10<\/span>,5<\/span>,10<\/span>)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Or you can specify paddings for the left, right and top, bottom as follows:<\/p>\n\n\n
frame['padding'<\/span>] = (5<\/span>, 10<\/span>)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
In this example, the left and right paddings are 5 and the top and bottom paddings are 10. If the paddings of all sides are the same, you can specify the padding like this:<\/p>\n\n\n
frame['padding'<\/span>] = 5<\/span><\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Frame borders #<\/a><\/h3>\n\n\n\n
By default, the border width of a frame is zero. In other words, the frame has no border.<\/p>\n\n\n\n
To set a border for a frame, you need to set both border’s width and style.<\/p>\n\n\n\n
The border’s width of a frame is in pixels. The border’s style of a frame can be flat, groove, raised, ridge, solid, or sunken. The default border style of a frame is flat. <\/p>\n\n\n\n
The following example sets the border width of the frame to 5 pixels and the border style of the frame to sunken<\/code>.<\/p>\n\n\n
frame['borderwidth'<\/span>] = 5<\/span>\nframe['relief'<\/span>] = 'sunken'<\/span><\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
The following picture illustrates the border styles of a frame:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Tkinter Frame example #<\/a><\/h2>\n\n\n\n
We’re going to create the following Replace<\/strong> window that is quite common in text editors like Notepad:<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
To make the widgets more organized, you can divide the window into two frames: <\/p>\n\n\n\n