Image Editing Software | GUI Designing | Creating Radio Buttons

Hello Friends! Let us continue our development of Image editing software. In this tutorial, we will add radio buttons to our GUI. These radio buttons will be used to apply different types of color filters to the image. Check out the video below.

Let us start by creating a new frame for radio buttons and let us anchor it to the north side.

Frame3 = tk.Frame(window, height=20)
Frame3.pack(anchor=tk.N)

Now, let's add radio buttons to this frame. We will be creating 5 radio buttons (pink, orange, blue, yellow, none) and pack them using the grid.

yellowButton = tk.Radiobutton(Frame3, text="Yellow", width=20, value=1, command=yellowButton_callback)
yellowButton.grid(row=0, column=0)

blueButton = tk.Radiobutton(Frame3, text="Blue", width=20, value=2, command=blueButton_callback)
blueButton.grid(row=0, column=1)

orangeButton = tk.Radiobutton(Frame3, text="Orange", width=20, value=3, command=orangeButton_callback)
orangeButton.grid(row=0, column=2)

pinkButton = tk.Radiobutton(Frame3, text="Pink", width=20, value=4, command=pinkButton_callback)
pinkButton.grid(row=0, column=3)

noneButton = tk.Radiobutton(Frame3, text="None", width=20, value=5, command=noneButton_callback)
noneButton.grid(row=0, column=4)

The parameters that we have passed are explained below:-

1. Frame3 - Frame on which you want to display the button

2. text - the label that will appear next to the radio button

3. width - width of the label in characters

4. value - when a radio button is switched on, its control variable is set to its current value option. Give each radio button in a group a different integer value.

5. command - the method that will be executed when the button is pressed.

Let us now define the callback methods for all the radio buttons.

def yellowButton_callback():
    pass

def blueButton_callback():
    pass

def pinkButton_callback():
    pass

def orangeButton_callback():
    pass

def noneButton_callback():
    pass

Now if you run this code the output will be as follows:-

Are you able to see the problem? By default, all the radio buttons are selected. We just want the none button to be selected by default. To do that just add the following line to your code.

noneButton.select()

Adding the above line will give you the perfect output.

Happy Coding......!!!

For full code click here.