Scribd
Upload
38 views

Tkinter Widgets

Uploaded by

Hisae Therese
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
38 views

Tkinter Widgets

Uploaded by

Hisae Therese
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 38

Programming II

PYTHON GUI
TKINTER

Prepared by:
Reymann Kristian F. Zubieta
Tkinter’s Widgets
These are elements of a graphical user
interface (GUI) that displays
information or provides a specific way
for a user to interact with the operating
system (OS) or an application.
Button

To add a button in your application, this widget is used.


The general syntax is:

root is the parameter used to represent the parent


window. There are number of options which are used
to change the format of the Buttons.
Button

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
activebackground: to set the background color
when button is under the cursor.
activeforeground: to set the foreground color
when button is under the cursor.
Button

bg: to set the normal background color.


command: to call a function.
font: to set the font on the button label.
image: to set the image on the button.
width: to set the width of the button.
height: to set the height of the button
Button (Example Code)

Code:

Output:
CheckButton

To select any number of options by displaying a


number of options to a user as toggle buttons. The
general syntax is:
CheckButton

There are number of options which are used to change


the format of this widget. Number of options can be
passed as parameters separated by commas. Some of
them are listed below.
Title: To set the title of the widget.
activebackground: to set the background color
when widget is under the cursor.
CheckButton

activeforeground: to set the foreground color


when widget is under the cursor.
bg: to set the normal background color.
command: to call a function.
font: to set the font on the button label.
image: to set the image on the widget.
CheckButton (Example Code)

Code: Output:
Entry

It is used to input the single line text entry from the


user.
Entry

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
bd: to set the border width in pixels.
bg: to set the normal background color.
cursor: to set the cursor used.
Entry

command: to call a function.


highlightcolor: to set the color shown in the focus
highlight.
width: to set the width of the button.
height: to set the height of the button.
Entry

Code:

Output:
Label

It refers to the display box where you can put any text
or image which can be updated any time as per the
code.
Label

There are number of options which are used to change


the format of the widget. Number of options can be
passed as parameters separated by commas. Some of
them are listed below.
bg: to set the normal background color.
bg to set the normal background color.
command: to call a function.
Label

font: to set the font on the button label.


image: to set the image on the button.
width: to set the width of the button.
height” to set the height of the button.
Label

Code: Output:
Listbox

It offers a list to the user from which the user can


accept any number of options. The general syntax is:
Listbox

Number of options can be passed as parameters


separated by commas. Some of them are listed below.

highlightcolor: To set the color of the focus


highlight when widget has to be focused.
bg: to set the normal background color.
bd: to set the border width in pixels.
Listbox

font: to set the font on the button label.


image: to set the image on the widget.
width: to set the width of the widget.
height: to set the height of the widget.
Listbox

Code: Output:
Message

It refers to the multi-line and non-editable text. It


works same as that of Label.
Message

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
bd: to set the border around the indicator.
bg: to set the normal background color.
font: to set the font on the button label.
Message

image: to set the image on the widget.


width: to set the width of the widget.
height: to set the height of the widget.
Message

Code: Output:
RadioButton

It is used to offer multi-choice option to the user. It


offers several options to the user and the user has to
choose one option.
RadioButton

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
activebackground: to set the background color
when widget is under the cursor.
activeforeground: to set the foreground color
when widget is under the cursor.
RadioButton

bg: to set the normal background color.


command: to call a function.
font: to set the font on the button label.
image: to set the image on the widget.
width: to set the width of the label in characters.
height: to set the height of the label in characters.
RadioButton

Code: Output:
Scale

It is used to provide a graphical slider that allows to


select any value from that scale. The general syntax is:
Scale

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
cursor: To change the cursor pattern when the
mouse is over the widget.
activebackground: To set the background of the
widget when mouse is over the widget.
bg: to set the normal background color.
Scale

orient: Set it to HORIZONTAL or VERTICAL according to


the requirement.
from_: To set the value of one end of the scale range.
to: To set the value of the other end of the scale range.
image: to set the image on the widget.
width: to set the width of the widget.
Scale

Code: Output:
SpinBox

It is an entry of ‘Entry’ widget. Here, value can be input


by selecting a fixed value of numbers.The general
syntax is:
SpinBox

Number of options can be passed as parameters


separated by commas. Some of them are listed below.
bg: to set the normal background color.
bd: to set the size of border around the indicator.
cursor: To appear the cursor when the mouse over
the menubutton.
command: To call a function.
SpinBox

width: to set the width of the widget.


activebackground: To set the background when mouse is
over the widget.
disabledbackground: To disable the background when
mouse is over the widget.
from_: To set the value of one end of the range.
to: To set the value of the other end of the range.
SpinBox

Code: Output:

You might also like