Question

GUI Programming

Creating a Kilometer to Miles Converter

Lab Assignment Objectives

1. Understand the basics of tkinter GUI development.
2. Based on an informal application specification be able to develop a tkinter GUI program that contains one or more Label widgets.
3. Be able to prompt user for input to a GUI application using a messagebox.
4. Obtain user input into a GUI application that can be used for event driven selection.
5. Be able to develop a tkinter GUI program that supports event-based widgets.
6. Develop a tkinter GUI program that maintains application state using a Canvas widget and/or a Frame widget to pack other widgets.

Understand the Application

For this GUI app you will create a kilometer to miles distance converter. Specifically we will write a class that will implement converting distances in kilometers to miles.

Implement a GUI app that contains:

• a text entry for the user to provide a kilometer input
• two buttons labeled "Convert" and "Quit"

Invoking the app, the user will be able to supply a kilometer value into the kilometer entry widget prompt.

When the user clicks the first button, Convert, the kilometers to miles conversion result will be displayed in an information dialog box. When the user clicks the second button, Quit, the app closes.

The Program Specification

Write a program that converts distances in kilometers to miles. The task for this lab is to develop an Object Oriented GUI application as a class that encapsulates the implementation of converting distances in kilometers to miles. Display the result in an info dialog box. Format floating point values to 2 decimal places.

Testing Specification

Create an instance of the Kilometer Converter GUI class to demonstrate your app.

Input Error Checking: Validate user Input into the entry widget (i.e. a valid kilometer value). Do check that the button clicked performs the correct action (i.e. the convert button invokes the callback function for the conversion, the quit button closes the app).

Test Run Requirements: Provide a screenshot of your GUI program console display.

What to Turn In

Deliverables: Submit 2 files:

• Your source code solution for your GUI app: yournameLab6.py (Note: Use YOUR name).
• A screenshot of your GUI console display. This file can be of type .png, .docx. jpg. : yournameLab6demo

Answer 1

Python Code (Yournamelab6.py) :

import tkinter as tk
from tkinter import messagebox
#root for creating a tkinter window
root= tk.Tk()
#we are creating a canvas window with width 450 and height 350
c1 = tk.Canvas(root, width = 450, height = 350, relief = 'raised')
c1.pack()
#here we are creating a label Kilometers to Miles Converter text
l1 = tk.Label(root, text='Kilometers to Miles Converter')
#changing the font of the text to the helvetica with font size 14
l1.config(font=('helvetica', 14))
#here placing the text into our tkinter window
c1.create_window(200, 25, window=l1)

#here we are creating another label for enter a number in kms
l2 = tk.Label(root, text='Enter a Number in (Kms)')
#changing the font of the text to the helvetica with font size 14
l2.config(font=('helvetica', 10))
#here placing the text Enter a number in km into our tkinter window
c1.create_window(200, 100, window=l2)
#here e1 is input box
e1 = tk.Entry (root)
#adding e1 to the tkinter window
c1.create_window(200, 140, window=e1)

#here we are creating a function which will converts the kilometers into miles
def convert ():
#we are getting input from e1 and store in the variable x1
x1 = e1.get()
#here 1 km = 0.621371 miles then x km = x*0.621371 miles
y = float(x1)*0.621371;
z = str(x1)+" Kilometers is equal to "+str(y)+" Miles "
#we are adding result to the dialog box
messagebox.showinfo("Result",z)
#here we are adding two buttons one for quit the tkinter window another for converting the value into miles
b1 = tk.Button(text='Convert', command=convert, bg='brown', fg='white', font=('helvetica', 9, 'bold'))
c1.create_window(160, 180, window=b1)
b2 = tk.Button(text=' Quit ', command=root.destroy, bg='brown', fg='white', font=('helvetica', 9, 'bold'))
c1.create_window(230, 180, window=2)

root.mainloop()

# Python Code :

Here Output :