Skip to main content

Hide & Remove,Come Back!,

 Hide & Remove


DISCLAIMER: I promise the good stuff is coming back. We have to go through the valley to get to the mountain, right?
Sometimes, we want to remove a button, image or piece of text from the screen.
To do this, we use pack_forget().


👉 We'll start with our default tkinter program.


import tkinter as tk
window = tk.Tk()
window.title("Hello World") 
window.geometry("300x200") 
hello = tk.Label(text = "Hello World") 
hello.pack() 
button = tk.Button(text = "Click me!") 
button.pack()
tk.mainloop()

👉 Now I'm going to add a new subroutine to hide the label and call it on a button click.


import tkinter as tk
window = tk.Tk()
window.title("Hello World") 
window.geometry("300x200") 
# New subroutine
def hideLabel():
  hello.pack_forget() # Removes the 'hello' label
hello = tk.Label(text = "Hello World") 
hello.pack() 
button = tk.Button(text = "Click me!", command = hideLabel) # Calls the 'hideLabel' sub on click.
button.pack()
tk.mainloop()

👉 Let's look at the window after this code runs:


Come Back!

To bring the label back, we use a Boolean variable to store the state of the label. Is it 'on' (True) or 'off' (False)? The variable starts as True.
I'll add this variable to the hideLabel sub as a global, and set it to 'False' when the sub is called.
Now I can use selection in the hideLabel sub to check the value in labelOn. If it's 'True' I'll hide the label, if it's 'False', I'll show the label.


import tkinter as tk
window = tk.Tk()
window.title("Hello World") 
window.geometry("300x200") 
labelOn = True
def hideLabel():
  global labelOn
  if labelOn: # if labelOn is Python shorthand for 'if labelOn == True'
    hello.pack_forget()
    labelOn = False
  else:
    hello.pack()
    labelOn = True
hello = tk.Label(text = "Hello World") 
hello.pack() 
button = tk.Button(text = "Click me!", command = hideLabel) 
button.pack()
tk.mainloop()

Try it out. The button should now toggle the label from visible to invisible.
👉 It will spawn underneath the button though, so we'll need to control where it loads.
I can do this by hiding and respawning everything in the correct order in the else part of the selection.


def hideLabel():
  global labelOn
  if labelOn: 
    hello.pack_forget()
    labelOn = False
  else:
    button.pack_forget #hides the button
    hello.pack() # shows the label first (top of the window)
    button.pack() # then reloads the button underneath
    labelOn = True
Hiding Images
Here's our image code from Day 67.
import tkinter as tk
window = tk.Tk()
window.title("Hello World") 
window.geometry("300x200") 
def changeImage():
  canvas.itemconfig(container, image = newImage)
hello = tk.Label(text = "Hello World") 
hello.pack() 
button = tk.Button(text = "Click me!", command=changeImage) 
button.pack()

canvas = tk.Canvas(window, width = 300, height=150) 
canvas.pack()
image = tk.PhotoImage(file="theFeels.png") 
image = image.subsample(5)
newImage = tk.PhotoImage(file="success.png") 
newImage = newImage.subsample(5) 
container = canvas.create_image(150,1,image=image) 
tk.mainloop()


👉 I'm going to add a second button called 'button2' that will hide the image. Actually, what we're really doing is hiding the canvas. Here's the isolated code for that.


button2 = tk.Button(text = "Hide Image!", command=hideImage) 
button2.pack()


👉 Next I need to create the hideImage sub above the button creation. The isolated code is:


def hideImage():
  canvas.pack_forget()

👉 Now, here are those code snippets as part of the whole program:


import tkinter as tk
window = tk.Tk()
window.title("Hello World") 
window.geometry("300x200") 
def changeImage():
  canvas.itemconfig(container, image = newImage)
#### NEW SUBROUTINE ######
def hideImage():
  canvas.pack_forget()
hello = tk.Label(text = "Hello World") 
hello.pack() 
button = tk.Button(text = "Click me!", command=changeImage) 
button.pack()
#### NEW BUTTON ######
button2 = tk.Button(text = "Hide Image!", command=hideImage) 
button2.pack()
canvas = tk.Canvas(window, width = 300, height=150) 
canvas.pack()
image = tk.PhotoImage(file="theFeels.png") 
image = image.subsample(5)
newImage = tk.PhotoImage(file="success.png") 
newImage = newImage.subsample(5) 
container = canvas.create_image(150,1,image=image) 
tk.mainloop()










Comments

Post a Comment

Popular posts from this blog

Automate! Automate!

 Making this customizable 👉So how about making our search user customizable? In the code below, I have: Asked the user to input an artist (line 14) Tidied up their input (line 15) formatted the search URL as an fString that includes the artist (line 19) Here's tAutomate! Automate! We are so close. I can taste it, folks! Massive kudos on getting this far! Today's lesson, however, will work best if you have one of Replit's paid for features (hacker plan or cycles). Free plan Repls 'fall asleep' after a while. Automation kinda relies on the Repl being always on. If you have hacker plan or you've bought some cycles, then you can enable always on in the drop down menu that appears when you click your Repl name (top left).he code: This is important because when our repl is always running, it can keep track of time and schedule events. 👉 I've set up a simple schedule that prints out a clock emoji every couple of seconds. It works like this: Import schedule librar...
Post a Comment
Read more

HTTP & Sessions

 HTTP & Sessions One of the main protocols (rules that govern how computers communicate) on the web is called HTTP. HTTP is what is known as a stateless protocol. This means that it doesn't 'remember' things. It's a bit like having a conversation with a goldfish. You can ask a question and get a reply, but when you ask a follow up question, the original has already been forgotten, as has who you are and what you were talking about. So if HTTP is stateless, how come my news site remembers to give me the weather for my home town, my preferred South American river based online store tells me when it's time to order more multivitamins, and I'm justifiably proud of my #100days success streak? The answer is......... Sessions Sessions are a way of storing files on your computer that allows a website to keep a record of previous 'conversations' and 'questions' you've asked. By using sessions, we can store this info about the user to access later....
Post a Comment
Read more

Incoming!

 Incoming! Today, we're going to learn how to deal with data from forms in Flask. 👉 To start, I've added yesterday's HTML code for my form in main.py for you already. (You're welcome!) Go take a look! 👉 However, at the moment, the app.route() has no method associated with it, so I need to create a route for this page to receive the data. First, I need a new import: request. Then I create the app.route - I also need to add an extra argument to specify the methods being received. At the moment, that's just 'post', but it does need to be ALL CAPS - POST. Finally I define the process() subroutine that returns request.form 👉 Here's the new code on its own: from Flask import Flask, request app.route('/process', methods=["POST"]) def process():   return request.form 👉 And here it is as part of the whole code: from flask import Flask, request app = Flask(__name__) app.route("/process", methods=["POST"]) def process():   ...
Post a Comment
Read more