Developing simple GUI using “Tkinter” to control GPIO’s of Raspberry Pi
Hi, Welcome to your first Graphical User Interface(GUI) tutorial with Tkinter in Python to control GPIO’s of Raspberry Pi. In this tutorial, you will learn how to create a simple GUI using Tkinter.
Before getting started let us explain you some terms –
What Is A Graphical User Interface (GUI) ?
GUI is a graphical desktop app that helps you to interact with the computers. Here we will be creating GUI in Raspberry Pi which will be used to interact with its GPIO.
All the apps that we run on a computer are a type of GPIO.
- GUI apps like Sudoku, Chess, Solitaire, etc.., are games that you can play.
- GUI apps like Chrome, Firefox, Safari, etc.., are used to surf the Internet.
What Is Tkinter ?
Tkinter is an inbuilt Python module used to create simple GUI apps. It is the most commonly used module for GUI apps in the Python. You don’t need to worry about installation of the Tkinter module as it comes with Python default.
Step 1 – Making connections
- Make connections as shown in the diagram below.
- Here we will control Output for pins GPIO26 (Pin 37) and GPIO20 (Pin38) and will connect anode of the LED’s to them.
- Pin no. 39 is used to provide ground.
Step 2 – Entering Code
- Open the python IDLE in Raspberry Pi and create a new Python file and enter the following code.
#This code has been written by Robu.in
#visit https://robu.in for more information
from Tkinter import * #importing Tkinter Library
import RPi.GPIO as GPIO #importing GPIO library
GPIO.setmode(GPIO.BOARD) #setting up the GPIO pins
GPIO.setup(37, GPIO.OUT) #setting pin37 as output pin
GPIO.output(37, GPIO.LOW) #setting pin37 as LOW initially
GPIO.setup(38, GPIO.OUT) #setting pin38 as output pin
GPIO.output(38, GPIO.LOW) #setting pin38 as LOW initially
win = Tk() #setting up window from Tk() naming win
myFont = tkFont.Font(family = 'Helvetica', size = 36, weight = 'bold') #setting up font naming myfont
def led1ON(): #defining function led1ON
print("LED1 button pressed") #to be printed on terminal
if GPIO.input(37) :
GPIO.output(37,GPIO.LOW) #setting pin37 to low
led1Button["text"] = "LED 1 ON" #text for led1Button
GPIO.output(37,GPIO.HIGH) #setting pin37 to high
led1Button["text"] = "LED 1 OFF" #text for led1Button
print("LED2 button pressed")
if GPIO.input(38) :
GPIO.output(38,GPIO.LOW) #setting pin38 to low
led2Button["text"] = "LED 2 ON" #text for led2Button
GPIO.output(38,GPIO.HIGH) #setting pin38 to high
led2Button["text"] = "LED 2 OFF" #text for led2Button
print("Exit Button pressed")
GPIO.cleanup() #Quitting program
win.title("My GUI") #title for window
win.geometry('800x300') #Dimensions of the window
exitButton = Button(win, text = "Exit", font = myFont, command = exitProgram, height =2 , width = 6) #setting button naming exitbutton
exitButton.pack(side = BOTTOM) #button position for exitbutton #commanding to button to exitProgram
led1Button = Button(win, text = "LED 1 ON", font = myFont, command = led1ON, height = 2, width =8 ) #setting button naming led1Button
led1Button.place(x=37, y=50) #button position for led1Button #commanding to button to led1ON function
led2Button = Button(win, text = "LED 2 ON", font = myFont, command = led2ON, height = 2, width =8 ) #setting button naming led2Button
led2Button.place(x=520, y=50) #button position for led2Button #commanding to button to led2ON function
mainloop() #commanding mainloop for starting main loop
- Working of each command mentioned in the corresponding comment.
- Now save the program. We are saving it as gui_project python file.
- Now open terminal and type command sudo python gui_project.py and press Enter.
- Now the window naming My GUI will open up as shown.
- Now you can control the pins with this graphical user interface. If you have touch display, you can also use it by touch.
- Now you can yourself explore the world of GUI from Tkinter. For more help on tkinter visit : https://wiki.python.org/moin/TkInter