Tkinter, Creating Forms

dhakshinesh — Tue, 18 Jan 2022 15:26:47 +0000

NOTE

If you are coming here for the first time or have no idea about tkinter, checkout the Getting Started dev-post

In this tutorial we will be creating a simple signup form which contains some text field, Checkbox, and a submit button.

Entry Widget

The entry widget is used for creating input fields.
Syntax :

#text field : username
Label(root, text="Username").grid(row = 0,column = 0)
Entry(root).grid(row = 0,column = 1)
#text field : password
Label(root, text="Password").grid(row = 1,column = 0)
Entry(root).grid(row = 1,column = 1)

Here, I'm using grid placement which allows us to place all items in a tabular manner.

CheckButton Widget

Using this widget, we can create a simple checkbox which we can toggle on or off.

Syntax:

#Checkbox field
Checkbutton(root,text="Remember?").grid(row=2, column=1)

The text variable basically replaces the Label widget's role and also acts as a checkbox whenever you click on the text which makes your application more accessible.

Button Widget

As you already know, the Button widget is basically a button ;)

#Submit button
Button(root, text = 'Submit').grid(row=3, column=0)

That's it. You can make it more beautiful by making the form centered and then adding some colors to it too.

I've made a GitHub repository too. (feel free to make some PR's) :
Tkinter-Creating-Forms

Creating Your First Application On Python Using Tkinter

dhakshinesh — Thu, 23 Dec 2021 12:23:09 +0000

What is Tkinter

For those who don't know what tkinter is, It is basically a python module for making GUI(Graphical User Interface), in which we can do all the beautiful things on the frontend and hide your messy backend code😅..

Getting Started

First off to get started, we need to Install Tkinter using pip
On your terminal type,

pip install tk

Note: You will need the latest version of python(3.9.0) or higher.

Now to the fun stuff 👾👾..

After installing tkinter, you are ready to make your first python application.
On your text-editor, create a python file(.py) and then you'll be needing the following code to set up tkinter on your application.

#importing the tkinter module
from tkinter import *
import tkinter

#assigning a "root" as the main window for our application
root = tkinter.Tk()

root.mainloop()

Now if you run the following code, you can see a window as shown below.

This is the place all of our widgets which are the elements are going to be shown.

Before we go ahead, We need to make a fixed size for our application.
Just after assigning the root = tkinter.Tk() add,

root.geometry('500x500')

What is better than making a "Hello World!" program?

Now we're going to a widget by tkinter which lets us make some cool text.

#Just a basic text.
Label(root, text="Hello World!").pack()

#Just a basic text but bigger.
Label(root, text="Hello World!", font=20).pack()

#A bold text with a different font
Label(root, text="Hello World!", font=('Jokerman',25,'bold')).pack()

#A text with red background
Label(root, text="Hello World!",bg='red', font=10 ).pack()

#A text with red color
Label(root, text="Hello World!",fg='red', font=10 ).pack()

Here's the complete code of the program that we just made,

#importing the tkinter module
from tkinter import *
import tkinter

root = tkinter.Tk()
root.geometry('500x500')
#Main
#Just a basic text.
Label(root, text="Hello World!").pack()
#Just a basic text but bigger.
Label(root, text="Hello World!", font=20).pack()
#A bold text with a different font
Label(root, text="Hello World!", font=('Jokerman',25,'bold')).pack()
#A text with red background
Label(root, text="Hello World!",bg='red', font=10 ).pack()
#A text with red color
Label(root, text="Hello World!",fg='red', font=10 ).pack()
root.mainloop()

Here's the output of the following code,

Congrats🎉🎉 you've successfully made your first python application!

That's it for this tutorial on making your first application, If you want to see more widgets by tkinter you can check this link

And by the way this is my first dev-post, I would really like to see what you think about it.😄

Forem: dhakshinesh