Tkinter Button Widget

 1. About Tkinter Widget

To create graphics software, you must add graphic elements called widget to a window. The widgets term means a contraction of windows and gadget We have already seen in the previous chapter, that the Tkinter library is equipped with many widgets: command button, text area, drop-down list ... Today, we are going to see the Button widget which allows you to equip graphical applications with command buttons.

2. The Button widget

To create a command button on a Tkinter window, we use the syntax:

button_name = Button (window_name, text = "button text", action = button_action()

Example: Exit Button

from tkinter import *
myWindow = Tk()
# Creation of a command button
b = Button (myWindow, text = "Quit", command = quit)
# Place the button on the window with pack() method
b.pack()
# launch the window with the mainloop () method
myWindow.mainloop()

2. Pack method options

We now want to place a button wigdet to the left, right or top ... For this purpose, the pack method is equipped with the side option:

Example

from tkinter import *
myWindow = Tk()
myWindow.geometry("350x150")
# Creation of a command button
b1 = Button (myWindow, text = "Left button ")
b2 = Button (myWindow, text = "Right button ")
b3 = Button (myWindow, text = "Top button ")
b4 = Button (myWindow, text = "Bottom button ")
# Place the button on the window with pack() method
b1.pack(side = LEFT)  
b2.pack(side = RIGHT)
b3.pack(side = TOP)  
b4.pack(side = BOTTOM)
# launch the window with the mainloop () method
myWindow.mainloop()

3. Button Widget option 

The button widget is equipped with many options allowing you to modify its appearance: background color, text color, size ...Here is a summary of a button widget options:

1. activebackground  :  personalize the button background.
2. activeforeground  :  personalize the the button  font color when the mouse hover the button.
3. bd  :  define the border width in pixels.
4. bg  :  define the button  background color.
5. command  :  associate a command action with the button
6. fg  :  personalize the button foreground color.
7. font  :  define the police font of the button text.
8. height  :  define the button height.
9. highlightcolor  :  apply a color to button when the button has the focus. 
10. image  :  display an image on the button.
11. justify  :  justify the button text. Example justify = "LEFT"
12. padx  :  define the padding to the button in the horizontal direction.
13. pady  :  definethe padding to the button in the vertical direction.
14. relief  :  personalize the type of the border. For example: SUNKEN, RAISED, GROOVE, and RIDGE.
15. state  : this option is set ACTIVE to activate button or DISABLED to make the button unresponsive
16. underline  : this option is used to make the button text underlined.
17. width  :  this option define the button width.
18. wraplength  :  the text lines will be wrapped to fit within this length, when this value is set to a positive number.

Example

from tkinter import *
myWindow = Tk()
myWindow.geometry("450x250")
# Create a button with options
b = Button (myWindow, 
            text = "Button with options ", 
            bd= 30 , 
            fg ="blue", 
            bg = "white", 
            width = 30, 
            font="Broadway" , 
            relief =  SUNKEN)

# Place the button on the window with pack() method
b.pack(side = RIGHT)  

# launch the window with the mainloop () method
myWindow.mainloop()