User Interface (UI) is the component of the computer system through which the user interacts.

Command Line Interface (CLI) presents a prompt where users input commands for execution. In CLI environments, programs dictate the sequence of events. Users are constrained to input data in the specific order requested by the program.

Graphical User Interface (GUI) facilitates user interaction with software via graphical elements displayed on the screen. In a GUI environment, events are driven by user actions. Users dictate the sequence of events by initiating actions. Users trigger events, and the program responds accordingly to those events.

For many years, Tk/Tcl has been a fundamental component of Python, offering a dependable and cross-platform windowing toolkit accessible to Python developers through the tkinter package. Alongside tkinter, extensions like tkinter.tix and tkinter.ttk further enrich the toolkit's capabilities.

Tkinter serves as a streamlined object-oriented interface built upon Tcl/Tk. Utilizing tkinter eliminates the necessity of writing Tcl code for implementation. The tkinter package, also known as the "Tk interface," serves as the primary Python interface to the Tcl/Tk GUI toolkit. Both Tk and tkinter are widely accessible across Unix platforms, including macOS, and are also readily available on Windows systems.

Additionally, a widget is a graphical element within a GUI program that users can interact with or view.

Create an empty window

This program creates an empty window.

Output:

Label widget

Label is used to display an area for text or images, typically presenting a single line of content.

Example 1:

Output:

Example 2: pack

This example is to display ‘Python’ into the window. However, the text of ‘Python’ is not shown. So we should use pack to position and make it visible in the window.

Output:

Example 3: multiple labels

This example shows multiple text in the window.

Output:

Example 4: side = ‘left’

This example shows the option side=’left’ to align the texts.

Output:

Example 5: borderwidth = 1

This example shows to add borders when creating a Label widget. You may utilize the borderwidth and relief parameters to exhibit a border surrounding the label. The borderwidth parameter determines the width of the border, measured in pixels, while the relief parameter specifies the style of the border.

Output:

Example 6: borderwidth = 5

Output:

Example 7: Relief Argument

There are a variety of values for relief arguments.

For example,

Output:

Padding refers to the space surrounding a widget. Internal padding is the space located around the inside edge of a widget, while external padding is the space surrounding the outside edge of a widget.

Internal padding

• For horizontal internal padding to a widget, provide the argument ipadx=n to the widget's pack
• For vertical internal padding, pass the argument ipady=n to the widget's pack

Output:

External padding

• For horizontal external padding to a widget, provide the argument padx=n to the widget's pack method.
• For vertical external padding, pass the argument pady=n to the widget's pack method.

Output:

A container designed to hold other widgets, offering utility in organizing and arranging groups of widgets within a window. The widgets to be contained are added to the frame widget, thus facilitating their organization and management within the frame.

For example, 

In this example, label1 and label2 are included in TOP frame and label3 and label4 are included in BOTTOM frame.

Output:

A widget is available for users to interact with, allowing them to initiate specific actions upon clicking. When designing a button, you have the option to define various attributes, including the text displayed on its face and a callback function. The callback function refers to a designated function or method that triggers when the user clicks the button, commonly referred to as an event handler. 

For Example,

destroy() method is the callback function. This means that when the user clicks the button, the destroy() method is invoked, resulting in the program's termination.

Output:

An info dialog box is a graphical user interface element used to display information to the user. To create an info dialog box, you need to import the tkinter.messagebox module. Use the showinfo() function from this module, providing the title and message parameters. The title parameter sets the text displayed in the dialog box's title bar, while the message parameter contains the informational string displayed in the main part of the dialog box.

For Example,

Output:

An Entry widget is a rectangular area within a graphical user interface where users can input text. It serves as a means to collect user input in a GUI program. Typically, an Entry widget is accompanied by a button for submitting the entered data. The callback function attached to the button retrieves the data from the Entry widget(s) and performs necessary processing. To retrieve data from an Entry widget, the get() method is employed, which returns the entered text as a string.

Example 1

This example demonstrates how to input two numbers, add them together, and display the result using an Entry widget.

Output:

After entering two numbers, click Sum button.

Example 2: StringVar

To display data, initiate a StringVar object and then establish a Label widget, linking it to the StringVar object. Following this, any data stored within the StringVar object will be promptly showcased in the Label widget.

Output:

Radiobutton widgets are generated using the Radiobutton class from the tkinter module. They operate as mutually exclusive options, meaning only one Radiobutton within a container can be selected at any particular moment.

The IntVar class is a component of the tkinter module that works in tandem with Radiobutton widgets. It facilitates the assignment of unique integers to each Radiobutton. When a Radiobutton is selected, its respective unique integer is stored within the IntVar object.

For example,

Output:

A Checkbutton is comprised of a small box accompanied by a label positioned adjacent to it. The presence of a check mark signifies when it's selected. Users have the liberty to select any or all of the Checkbuttons displayed within a group. Unlike Radiobuttons, Checkbuttons are not mutually exclusive.

For example,

Output:

The ListBox widget is utilized for showcasing various items, all of which must adhere to the same font style and color. These items are expected to be of Text type. Users have the flexibility to select one or multiple items from the list based on their needs.

For example,

Output:

A ListBox widget enables users to select one or more items from a list. It offers various options to facilitate multiple selections. By setting the selectmode option to "multiple", users can select multiple items. Conversely, if selectmode is set to "single", only one item can be selected at a time.

The selectmode option of a Listbox widget can take on four values:

• single: Allows selection of a single line of text
• browse: The default option, permitting selection of one line of text
• multiple: Enables selection of multiple lines of text without the need for dragging from the first line to the last
• extended: Users can select and drag adjacent multiple lines of text

For example, 

Output:

Additionally, vertical and horizontal scrollbars can be incorporated into the listbox widget.

Output:

The Canvas widget serves as a blank rectangular space where you can create basic 2D shapes. Utilizing the Canvas widget's screen coordinate system, you specify the positioning of your graphics. The coordinates commence with the pixel at the upper-left corner of the screen represented as (0, 0), with X coordinates progressing from left to right and Y coordinates advancing from top to bottom.

The Canvas widget offers a variety of methods for drawing graphical shapes directly onto its surface. Some of the methods we will cover include:

create_line

Output:

create_rectangle

Output:

create_oval

Output:

create_arc

Output:

create_polygon

Output:

create_text

Output:

1. The chapter then explores the foundational aspects of Tkinter, which serves as the default GUI toolkit bundled with Python.
2. Utilizing tkinter.Tk() instantiates a blank window within the application.
3. Label serves as designated areas for displaying text or images, typically containing a single line of content.
4. The pack method is employed to both position and render widgets visible within the window.
5. Various options of the pack method, such as side='left' and borderwidth, are utilized for alignment purposes.
6. A multitude of values can be assigned to the relief argument to adjust the appearance of widgets.
7. Padding refers to the space surrounding a widget, with internal padding located around the widget's inside edge, and external padding surrounding its outside edge.
8. A frame widget functions as a container for other widgets, aiding in the organization and arrangement of widget groups within a window.
9. Button widgets provide users with interactive elements to trigger specific actions upon clicking.
10. Information dialog boxes are GUI components used for presenting information to users.
11. Entry widgets are rectangular areas within GUIs where users can input text.
12. Radiobutton widgets are instantiated using the Radiobutton class from the tkinter
13. Checkbuttons consist of a small box accompanied by a label, indicating selection when marked.
14. ListBox widgets are employed for displaying various items, all conforming to the same font style and color.
15. The Canvas widget acts as a blank rectangular space within which basic 2D shapes can be created.

Exercise 1: Simple Calculator

Create a basic calculator GUI application with buttons for numbers (0-9), arithmetic operations (+, -, *, /), and a display area to show the result of calculations. Implement functionality to perform basic arithmetic operations when buttons are clicked.

Exercise 2: To-Do List Application

Develop a to-do list GUI application where users can add, edit, and remove tasks. Include input fields for adding tasks, a listbox or a scrollable text area to display tasks, and buttons to add, edit, and delete tasks.

Exercise 3: Temperature Converter

Build a temperature converter GUI application that allows users to convert between Celsius and Fahrenheit. Include entry fields for inputting temperatures, radio buttons to select the input and output units (Celsius or Fahrenheit), and a button to perform the conversion.

Exercise 4: Image Viewer

Create an image viewer GUI application that allows users to browse and display images from their computer. Include buttons for navigating between images (previous and next), a display area to show the selected image, and functionality to load images from the file system.

Exercise 5: Tic-Tac-Toe Game

Develop a GUI-based tic-tac-toe game where two players can take turns placing their marks (X or O) on a 3x3 grid. Implement logic to determine the winner or declare a draw, and include a reset button to start a new game.

Exercise 6: Currency Converter

Design a currency converter GUI application that enables users to convert between different currencies. Utilize dropdown menus to select the input and output currencies, input fields for entering the amount to convert, and a button to perform the conversion using real-time exchange rates.

Exercise 7: Password Generator

Create a password generator GUI application that generates random passwords based on user-defined criteria such as length and character types (uppercase, lowercase, digits, symbols). Include options to customize the password format and a button to generate a new password.