3. Label textvariable: Increment integers

See: https://www.geeksforgeeks.org/python-setting-and-retrieving-values-of-tkinter-variable/

3.1. Increment label integer via buttons

The code creates a Tkinter GUI application to manage an integer value with increment, decrement, and reset functionality:

An IntVar is created to hold the integer value: int_var = tk.IntVar().
The set method initializes the value: int_var.set(0).
The get method retrieves the current value: current_value = int_var.get().
A label is associated with the IntVar: label = tk.Label(root, textvariable=int_var).
Buttons are created with command callbacks for increment, decrement, and reset operations.
The increment_value function increases the IntVar value by 1 using set.
The decrement_value function decreases the value by 1.
The reset_value function sets the value to 0.

3.1.1. Required Syntax

class IntVar: Syntax: int_var = tk.IntVar()

Description: Creates a Tkinter variable for holding an integer.

Default: None

Example: int_var = tk.IntVar()

set(): Syntax: int_var.set(new_value)

Description: Sets the value of the IntVar to the specified integer.

Default: None

Example: int_var.set(42)

get(): Syntax: current_value = int_var.get()

Description: Retrieves the current value of the IntVar.

Default: None

Example: current_value = int_var.get()

textvariable: Syntax: label_widget = tk.Label(parent, textvariable=variable)

Description: Associates a Tkinter variable with the label text. If the variable is changed, the label text is updated.

Default: None

Example: label_widget = tk.Label(root, textvariable=int_var)

command: Syntax: button_widget = tk.Button(parent, command=callback_function)

Description: Specifies the function to be called when the button is clicked.

Default: None

Example: button_widget = tk.Button(root, command=on_click)

3.1.2. Code features

Here's a breakdown of the main parts of the code:

Create a variable: IntVar:
- int_var = tk.IntVar(): Creates an IntVar instance, int_var, which is a special Tkinter variable for holding integer data.
- int_var.set(0): Sets the initial value of int_var to 0.
Link variable to Label with textvariable:
- label = tk.Label(root, textvariable=int_var, font=("Helvetica", 16)): Creates a label in the root root.
- The textvariable parameter is linked to int_var, so the label text displays int_var's value.
Define the Functions:
- These functions use .get() and .set() methods on the variable int_var.
- def increment_value(): Defines a function to increment int_var's value by 1.
- def decrement_value(): Defines a function to decrement int_var's value by 1.
- def reset_value(): Defines a function to reset int_var's value to 0.
Set Button commands:
- button_decrement = tk.Button(root, text="-", width=4, command=decrement_value, font=("Helvetica", 24), bg="#FF6666"): Creates a button that calls decrement_value when clicked.
- button_reset = tk.Button(root, text="Reset", command=reset_value, font=("Helvetica", 16), bg="#FFFF99"): Creates a button that calls reset_value when clicked.
- button_increment = tk.Button(root, text="+", width=4, command=increment_value, font=("Helvetica", 24), bg="#99FF99"): Creates a button that calls increment_value when clicked.

3.1.3. Code

This code creates a basic GUI with buttons to increment, decrement, and reset an integer value displayed in a label.

import tkinter as tk


# Function to increment the integer value
def increment_value():
    current_value = int_var.get()
    int_var.set(current_value + 1)  # Increment the value by 1


# Function to decrement the integer value
def decrement_value():
    current_value = int_var.get()
    int_var.set(current_value - 1)  # Decrement the value by 1


# Function to reset the integer value to zero
def reset_value():
    int_var.set(0)  # Reset the value to 0


# Create the main window
root = tk.Tk()
root.geometry("300x200")
root.title("IntVar Example")

# Create an IntVar to hold the integer value
int_var = tk.IntVar()
int_var.set(0)  # Initial value

# Create a Label widget with textvariable
label = tk.Label(root, textvariable=int_var, font=("Helvetica", 16))
label.grid(row=0, column=0, columnspan=3, pady=5)

# Create Buttons to trigger the value update
button_decrement = tk.Button(root, text="-", width=4, command=decrement_value, font=("Helvetica", 24), bg="#FF6666")  # Light red
button_reset = tk.Button(root, text="Reset", command=reset_value, font=("Helvetica", 16), bg="#FFFF99")  # Light yellow
button_increment = tk.Button(root, text="+", width=4, command=increment_value, font=("Helvetica", 24), bg="#99FF99")  # Light green

# Position the buttons below the label
button_decrement.grid(row=1, column=0, padx=5, pady=5, sticky="nsew")
button_reset.grid(row=1, column=1, padx=5, pady=5, sticky="nsew")
button_increment.grid(row=1, column=2, padx=5, pady=5, sticky="nsew")

# Run the application
root.mainloop()

Tasks

Modify the code to increment in steps of 2, using a constant.

Modify the code to increment in random steps from 1 to 10.

Q1

Modify the code to increment in steps of 2, using a constant.

import tkinter as tk

INC = 2

# Function to increment the integer value
def increment_value():
    current_value = int_var.get()
    int_var.set(current_value + INC)  # Increment the value by INC


# Function to decrement the integer value
def decrement_value():
    current_value = int_var.get()
    int_var.set(current_value - INC)  # Decrement the value by INC


# Function to reset the integer value to zero
def reset_value():
    int_var.set(0)  # Reset the value to 0


# Create the main window
root = tk.Tk()
root.geometry("300x200")
root.title("IntVar Example")

# Create an IntVar to hold the integer value
int_var = tk.IntVar()
int_var.set(0)  # Initial value

# Create a Label widget with textvariable
label = tk.Label(root, textvariable=int_var, font=("Helvetica", 16))
label.grid(row=0, column=0, columnspan=3, pady=5)

# Create Buttons to trigger the value update
button_decrement = tk.Button(root, text="-", width=4, command=decrement_value, font=("Helvetica", 24), bg="#FF6666")  # Light red
button_reset = tk.Button(root, text="Reset", command=reset_value, font=("Helvetica", 16), bg="#FFFF99")  # Light yellow
button_increment = tk.Button(root, text="+", width=4, command=increment_value, font=("Helvetica", 24), bg="#99FF99")  # Light green

# Position the buttons below the label
button_decrement.grid(row=1, column=0, padx=5, pady=5, sticky="nsew")
button_reset.grid(row=1, column=1, padx=5, pady=5, sticky="nsew")
button_increment.grid(row=1, column=2, padx=5, pady=5, sticky="nsew")

# Run the application
root.mainloop()

Q2

Modify the code to increment in random steps from 1 to 10.

import tkinter as tk
import random


def inc_rand_int():
    return random.randint(1,10)


# Function to increment the integer value
def increment_value():
    current_value = int_var.get()
    inc = inc_rand_int()
    int_var.set(current_value + inc)  # Increment the value by INC


# Function to decrement the integer value
def decrement_value():
    current_value = int_var.get()
    inc = inc_rand_int()
    int_var.set(current_value - inc)  # Decrement the value by INC


# Function to reset the integer value to zero
def reset_value():
    int_var.set(0)  # Reset the value to 0


# Create the main window
root = tk.Tk()
root.geometry("300x200")
root.title("IntVar Example")

# Create an IntVar to hold the integer value
int_var = tk.IntVar()
int_var.set(0)  # Initial value

# Create a Label widget with textvariable
label = tk.Label(root, textvariable=int_var, font=("Helvetica", 16))
label.grid(row=0, column=0, columnspan=3, pady=5)

# Create Buttons to trigger the value update
button_decrement = tk.Button(root, text="-", width=4, command=decrement_value, font=("Helvetica", 24), bg="#FF6666")  # Light red
button_reset = tk.Button(root, text="Reset", command=reset_value, font=("Helvetica", 16), bg="#FFFF99")  # Light yellow
button_increment = tk.Button(root, text="+", width=4, command=increment_value, font=("Helvetica", 24), bg="#99FF99")  # Light green

# Position the buttons below the label
button_decrement.grid(row=1, column=0, padx=5, pady=5, sticky="nsew")
button_reset.grid(row=1, column=1, padx=5, pady=5, sticky="nsew")
button_increment.grid(row=1, column=2, padx=5, pady=5, sticky="nsew")

# Run the application
root.mainloop()