- \n
- Apps like Sudoku, Chess and Solitaire are games which you can play.<\/li>\n<\/ul>\n
- \n
- GUI\u00a0apps like\u00a0Google\u00a0Chrome, Firefox and Microsoft Edge\u00a0browse through the\u00a0Internet.<\/li>\n<\/ul>\n
They are some different types of\u00a0GUI\u00a0apps which we daily use on the laptops or desktops. We are going to learn how to create those type of apps.<\/p>\n
Python offers multiple options for developing GUI (Graphical User Interface). Out of all the GUI methods, tkinter is the most commonly used method. It is a standard Python interface to the Tk GUI toolkit shipped with Python. Python with tkinter is the fastest and easiest way to create the GUI applications. Creating a GUI using tkinter is an easy task.<\/p>\n
What Is Tkinter?<\/h3>\n
Tkinter\u00a0is actually an inbuilt\u00a0Python\u00a0module used to create simple\u00a0GUI\u00a0apps. It is the most commonly used module for\u00a0GUI\u00a0apps in the\u00a0Python.<\/p>\n
You don\u2019t need to worry about installation of the\u00a0Tkinter\u00a0module as it comes with\u00a0Python\u00a0default.<\/p>\n
To create a tkinter app:<\/h3>\n
- \n
- Importing the module \u2013 tkinter<\/li>\n
- Create the main window (container)<\/li>\n
- Add any number of widgets to the main window<\/li>\n
- Apply the event Trigger on the widgets.<\/li>\n<\/ol>\n
Importing tkinter is same as importing any other module in the Python code. Note that the name of the module in Python 2.x is \u2018Tkinter\u2019 and in Python 3.x it is \u2018tkinter\u2019.<\/p>\n
import tkinter<\/pre>\n
There are two main methods used which the user needs to remember while creating the Python application with GUI.<\/p>\n
1.Tk(screenName=None, \u00a0baseName=None, \u00a0className=\u2019Tk\u2019, \u00a0useTk=1):<\/h3>\n
To create a main window, tkinter offers a method \u2018Tk(screenName=None, \u00a0baseName=None, \u00a0className=\u2019Tk\u2019, \u00a0useTk=1)\u2019. To change the name of the window, you can change the className to the desired one. The basic code used to create the main window of the application is:<\/p>\n
m=tkinter.Tk() where m is the name of the main window object<\/pre>\n
2.mainloop():<\/h3>\n
There is a method known by the name mainloop() is used when your application is ready to run. mainloop() is an infinite loop used to run the application, wait for an event to occur and process the event as long as the window is not closed.<\/p>\n
m.mainloop()<\/pre>\n
![\"Python-GUI-Programming-With-Tkinter_mainloop\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_mainloop.png\")
\nOutput:<\/h3>\n![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_mainloop-output.png\")
<\/p>\ntkinter also offers access to the geometric configuration of the widgets which can organize the widgets in the parent windows. There are mainly three geometry manager classes class.<\/p>\n
- \n
- pack() method:It organizes the widgets in blocks before placing in the parent widget.<\/li>\n
- grid() method:It organizes the widgets in grid (table-like structure) before placing in the parent widget.<\/li>\n
- place() method:It organizes the widgets by placing them on specific positions directed by the programmer.<\/li>\n<\/ol>\n
There are a number of widgets which you can put in your tkinter application. Some of the major widgets are explained below:<\/p>\n
1.Button:<\/h3>\n
To add a button in your application, this widget is used.
\nThe general syntax is:<\/p>\nw=Button(master, option=value)<\/pre>\n
master is the parameter used to represent the parent window.
\nThere are number of options which are used to change the format of the Buttons. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n- \n
- activebackground: to set the background color when button is under the cursor.<\/li>\n
- activeforeground: to set the foreground color when button is under the cursor.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- command: to call a function.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the button.<\/li>\n
- width: to set the width of the button.<\/li>\n
- height: to set the height of the button.<\/li>\n<\/ul>\n
![\"Python-GUI-Programming-With-Tkinter_using-button\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_using-button.png\")
\nOutput:<\/h3>\n![\"Python-GUI-Programming-With-Tkinter_using-button-output\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_using-button-output.png\")
\n2.Canvas:<\/h3>\nIt is used to draw pictures and other complex layout like graphics, text and widgets.
\nThe general syntax is:<\/p>\nw = Canvas(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- bd<\/b>: to set the border width in pixels.<\/li>\n
- bg<\/b>: to set the normal background color.<\/li>\n
- cursor<\/b>: to set the cursor used in the canvas.<\/li>\n
- highlightcolor<\/b>: to set the color shown in the focus highlight.<\/li>\n
- width<\/b>: to set the width of the widget.<\/li>\n
- height<\/b>: to set the height of the widget.<\/li>\n<\/ul>\n
![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_using-canvas.png\")
\nOutput:<\/h3>\n![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_canvas-output.png\")
\n3.CheckButton:<\/h3>\n<\/b>To select any number of options by displaying a number of options to a user as toggle buttons. The general syntax is:<\/p>\n
w = CheckButton(master, option=value)<\/pre>\n
There are number of options which are used to change the format of this widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- Title: To set the title of the widget.<\/li>\n
- activebackground: to set the background color when widget is under the cursor.<\/li>\n
- activeforeground: to set the foreground color when widget is under the cursor.<\/li>\n
- bg: to set he normal backgrouSteganographyBreakSecret Code:Attach a File:nd color.<\/li>\n
- command: to call a function.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the widget.<\/li>\n<\/ul>\n\n\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_checkbutton.png\")
\nOutput:<\/h3>\n![\"Python-GUI-Programming-With-Tkinter_checkbutton-output\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_checkbutton-output.png\")
\n4.Entry:<\/h3>\nIt is used to input the single line text entry from the user.. For multi-line text input, Text widget is used.
\nThe general syntax is:<\/p>\nw=Entry(master, option=value)<\/pre>\n
master is the parameter used to represent the parent window.
\nThere are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n- \n
- bd: to set the border width in pixels.<\/li>\n
- bg: to set the normal background color.<\/li>\n
- cursor: to set the cursor used.<\/li>\n
- command: to call a function.<\/li>\n
- highlightcolor: to set the color shown in the focus highlight.<\/li>\n
- width: to set the width of the button.<\/li>\n
- height: to set the height of the button.<\/li>\n<\/ul>\n
![\"Python-GUI-Programming-With-Tkinter_using-entry\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_using-entry.png\")
\nOutput:<\/h3>\n![\"Python-GUI-Programming-With-Tkinter_using-entry-output\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_using-entry-output-e1618483444188.png\")
\n5.Frame:<\/h3>\nIt acts as a container to hold the widgets. It is used for grouping and organizing the widgets. The general syntax is:<\/p>\n
w = Frame(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- highlightcolor: To set the color of the focus highlight when widget has to be focused.<\/li>\n
- bd: to set the border width in pixels.<\/li>\n
- bg: to set the normal background color.<\/li>\n
- cursor: to set the cursor used.<\/li>\n
- width: to set the width of the widget.<\/li>\n
- height: to set the height of the widget.<\/li>\n<\/ul>\n
![\"Python-GUI-Programming-With-Tkinter_frame.\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_frame.png\")
<\/p>\nOutput:<\/h3>\n
![\"Python-GUI-Programming-With-Tkinter_frame-output\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_frame-output.png\")
\n6.Label:<\/h3>\nIt refers to the display box where you can put any text or image which can be updated any time as per the code.
\nThe general syntax is:<\/p>\nw=Label(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- bg: to set he normal background color.<\/li>\n
- bg\u00a0to set he normal background color.<\/li>\n
- command: to call a function.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the button.<\/li>\n
- width: to set the width of the button.<\/li>\n
- height\u201d to set the height of the button.<\/li>\n<\/ul>\n
![\"Python-GUI-Programming-With-Tkinter_label\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_label.png\")
<\/p>\nOutput:<\/h3>\n
![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_label-output.png\")
\n7.Listbox:<\/h3>\nIt offers a list to the user from which the user can accept any number of options.
\nThe general syntax is:<\/p>\nw = Listbox(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- highlightcolor: To set the color of the focus highlight when widget has to be focused.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- bd: to set the border width in pixels.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the widget.<\/li>\n
- width: to set the width of the widget.<\/li>\n
- height: to set the height of the widget.<\/li>\n<\/ul>\n
![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_listbox.png\")
\nOutput:<\/h3>\n![\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_listbox-output.png\")
\n8.MenuButton:<\/h3>\nIt is a part of top-down menu which stays on the window all the time. Every menubutton has its own functionality. The general syntax is:<\/p>\n
w = MenuButton(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- activebackground: To set the background when mouse is over the widget.<\/li>\n
- activeforeground: To set the foreground when mouse is over the widget.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- bd: to set the size of border around the indicator.<\/li>\n
- cursor: To appear the cursor when the mouse over the menubutton.<\/li>\n
- image: to set the image on the widget.<\/li>\n
- width: to set the width of the widget.<\/li>\n
- height: to set the height of the widget.<\/li>\n
- highlightcolor: To set the color of the focus highlight when widget has to be focused.<\/li>\n<\/ul>\n\n\n\n\n\n<\/div>\n
9.Menu: <\/code><\/code><\/h3>\nIt is used to create all kinds of menus used by the application.
\nThe general syntax is:<\/p>\nw = Menu(master, option=value)\r\nmaster is the parameter used to represent the parent window.<\/pre>\n
<\/code><\/code>There are number of options which are used to change the format of this widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n<\/code><\/code><\/p>\n- \n
- title: To set the title of the widget.<\/li>\n
- activebackground: to set the background color when widget is under the cursor.<\/li>\n
- activeforeground: to set the foreground color when widget is under the cursor.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- command: to call a function.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the widget.<\/li>\n<\/ul>\n
<\/code><\/code><\/p>\n\n\n\nfrom tkinter import *
\nroot = Tk()
\nmenu = Menu(root)
\nroot.config(menu=menu)
\nfilemenu = Menu(menu)
\nmenu.add_cascade(label=’File’, menu=filemenu)
\nfilemenu.add_command(label=’New’)
\nfilemenu.add_command(label=’Open…’)
\nfilemenu.add_separator()
\nfilemenu.add_command(label=’Exit’, command=root.quit)
\nhelpmenu = Menu(menu)
\nmenu.add_cascade(label=’Help’, menu=helpmenu)
\nhelpmenu.add_command(label=’About’)
\nmainloop()<\/div>\nOutput:<\/div>\n<\/div>\n![\"Menu](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Untitled14-e1618406511980.png\")
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/code><\/p>\n<\/div>\n<\/code><\/code><\/div>\n<\/div>\n<\/div>\n10.Message:<\/h3>\n
It refers to the multi-line and non-editable text. It works same as that of Label.
\nThe general syntax is:<\/p>\nw = Message(master, option=value)\r\nmaster is the parameter used to represent the parent window.\r\n<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- bd<\/b>: to set the border around the indicator.<\/li>\n
- bg<\/b>: to set he normal background color.<\/li>\n
- font<\/b>: to set the font on the button label.<\/li>\n
- image<\/b>: to set the image on the widget.<\/li>\n
- width<\/b>: to set the width of the widget.<\/li>\n
- height<\/b>: to set the height of the widget.<\/li>\n<\/ul>\n
<\/p>\n
from tkinter import *
\nmain = Tk()
\nourMessage =’This is our Message’
\nmessageVar = Message(main, text = ourMessage)
\nmessageVar.config(bg=’lightgreen’)
\nmessageVar.pack( )
\nmain.mainloop( )<\/div>\n<\/div>\nOutput:<\/div>\n<\/div>\n![\"Python-GUI-Programming-With-Tkinter_message\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_message.png\")
<\/div>\n11.RadioButton:<\/h3>\n
It is used to offer multi-choice option to the user. It offers several options to the user and the user has to choose one option.
\nThe general syntax is:<\/p>\nw = RadioButton(master, option=value)\r\n<\/pre>\n
There are number of options which are used to change the format of this widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- activebackground: to set the background color when widget is under the cursor.<\/li>\n
- activeforeground: to set the foreground color when widget is under the cursor.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- command: to call a function.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the widget.<\/li>\n
- width: to set the width of the label in characters.<\/li>\n
- height: to set the height of the label in characters.<\/li>\n<\/ul>\n\n\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n
\n\n
\n \n from tkinter import *
\nroot = Tk()
\nv = IntVar()
\nRadiobutton(root, text=’GfG’, variable=v, value=1).pack(anchor=W)
\nRadiobutton(root, text=’MIT’, variable=v, value=2).pack(anchor=W)
\nmainloop()<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\nOutput:<\/p>\n
![\"Radiobutton](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Untitled16-e1618406423779.png\")
\n12.Scale:<\/h3>\nIt is used to provide a graphical slider that allows to select any value from that scale. The general syntax is:<\/p>\n
w = Scale(master, option=value)\r\nmaster is the parameter used to represent the parent window.\r\n<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- cursor: To change the cursor pattern when the mouse is over the widget.<\/li>\n
- activebackground: To set the background of the widget when mouse is over the widget.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- orient: Set it to HORIZONTAL or VERTICAL according to the requirement.<\/li>\n
- from_: To set the value of one end of the scale range.<\/li>\n
- to: To set the value of the other end of the scale range.<\/li>\n
- image: to set the image on the widget.<\/li>\n
- width: to set the width of the widget.<\/li>\n<\/ul>\n\n\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n
\n\n
\n \n from tkinter import *
\nmaster = Tk()
\nw = Scale(master, from_=0, to=42)
\nw.pack()
\nw = Scale(master, from_=0, to=200, orient=HORIZONTAL)
\nw.pack()
\nmainloop()<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\nOutput:<\/strong><\/p>\n
![\"Python-GUI-Programming-With-Tkinter_scale\"](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Python-GUI-Programming-With-Tkinter_scale.png\")
\n13.Text:\u00a0<\/b><\/h3>\nTo edit a multi-line text and format the way it has to be displayed.
\nThe general syntax is:<\/p>\nw =Text(master, option=value)\r\n<\/pre>\n
There are number of options which are used to change the format of the text. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- highlightcolor: To set the color of the focus highlight when widget has to be focused.<\/li>\n
- insertbackground: To set the background of the widget.<\/li>\n
- bg: to set he normal background color.<\/li>\n
- font: to set the font on the button label.<\/li>\n
- image: to set the image on the widget.<\/li>\n
- width: to set the width of the widget.<\/li>\n
- height: to set the height of the widget.<\/li>\n<\/ul>\n\n\n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n
\n\n
\n \n from tkinter import *
\nroot = Tk()
\nT = Text(root, height=2, width=30)
\nT.pack()
\nT.insert(END, ‘GeeksforGeeks\\nBEST WEBSITE\\n’)
\nmainloop()<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\nOutput:<\/strong><\/p>\n
![\"Ttext](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Untitled18-e1618406309854.png\")
\n14.TopLevel:<\/b><\/h3>\n\u00a0<\/b>This widget is directly controlled by the window manager. It don\u2019t need any parent window to work on.The general syntax is:<\/p>\n
w = TopLevel(master, option=value)\r\n<\/pre>\n
There are number of options which are used to change the format of the widget. Number of options can be passed as parameters separated by commas. Some of them are listed below.<\/p>\n
- \n
- bg: to set he normal background color.<\/li>\n
- bd: to set the size of border around the indicator.<\/li>\n
- cursor: To appear the cursor when the mouse over the menubutton.<\/li>\n
- width: to set the width of the widget.<\/li>\n
- height: to set the height of the widget.<\/li>\n<\/ul>\n
- bg<\/b>: to set he normal background color.<\/li>\n
- bd<\/b>: to set the border around the indicator.<\/li>\n
- bg<\/b>: to set the normal background color.<\/li>\n
- bd<\/b>: to set the border width in pixels.<\/li>\n
- GUI\u00a0apps like\u00a0Google\u00a0Chrome, Firefox and Microsoft Edge\u00a0browse through the\u00a0Internet.<\/li>\n<\/ul>\n
![\"Toplevel](\"https:\/\/python-programs.com\/wp-content\/uploads\/2021\/04\/Untitled19-e1618406264208.png\")
<\/p>\n<\/div>\n