How to use an image for the background in tkinter?
up vote
12
down vote
favorite
7
#import statements
from Tkinter import *
import tkMessageBox
import tkFont
from PIL import ImageTk,Image
Code to import image:
app = Tk()
app.title("Welcome")
image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')
image1 = ImageTk.PhotoImage(image2)
w = image1.width()
h = image1.height()
app.geometry('%dx%d+0+0' % (w,h))
#app.configure(background='C:\Usfront.png')
#app.configure(background = image1)
labelText = StringVar()
labelText.set("Welcome !!!!")
#labelText.fontsize('10')
label1 = Label(app, image=image1, textvariable=labelText,
font=("Times New Roman", 24),
justify=CENTER, height=4, fg="blue")
label1.pack()
app.mainloop()
This code doesn't work. :( I want to import a background image.
python tkinter
edited Aug 23 '17 at 23:18
martineau
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
add a comment |
up vote
12
down vote
favorite
7
#import statements
from Tkinter import *
import tkMessageBox
import tkFont
from PIL import ImageTk,Image
Code to import image:
app = Tk()
app.title("Welcome")
image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')
image1 = ImageTk.PhotoImage(image2)
w = image1.width()
h = image1.height()
app.geometry('%dx%d+0+0' % (w,h))
#app.configure(background='C:\Usfront.png')
#app.configure(background = image1)
labelText = StringVar()
labelText.set("Welcome !!!!")
#labelText.fontsize('10')
label1 = Label(app, image=image1, textvariable=labelText,
font=("Times New Roman", 24),
justify=CENTER, height=4, fg="blue")
label1.pack()
app.mainloop()
This code doesn't work. :( I want to import a background image.
python tkinter
edited Aug 23 '17 at 23:18
martineau
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.Label(app, textvariable=labelText, ...)This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.
– gary
Apr 15 '12 at 1:14
3
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50
add a comment |
up vote
12
down vote
favorite
7
up vote
12
down vote
favorite
7
7
#import statements
from Tkinter import *
import tkMessageBox
import tkFont
from PIL import ImageTk,Image
Code to import image:
app = Tk()
app.title("Welcome")
image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')
image1 = ImageTk.PhotoImage(image2)
w = image1.width()
h = image1.height()
app.geometry('%dx%d+0+0' % (w,h))
#app.configure(background='C:\Usfront.png')
#app.configure(background = image1)
labelText = StringVar()
labelText.set("Welcome !!!!")
#labelText.fontsize('10')
label1 = Label(app, image=image1, textvariable=labelText,
font=("Times New Roman", 24),
justify=CENTER, height=4, fg="blue")
label1.pack()
app.mainloop()
This code doesn't work. :( I want to import a background image.
python tkinter
edited Aug 23 '17 at 23:18
martineau
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
#import statements
from Tkinter import *
import tkMessageBox
import tkFont
from PIL import ImageTk,Image
Code to import image:
app = Tk()
app.title("Welcome")
image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')
image1 = ImageTk.PhotoImage(image2)
w = image1.width()
h = image1.height()
app.geometry('%dx%d+0+0' % (w,h))
#app.configure(background='C:\Usfront.png')
#app.configure(background = image1)
labelText = StringVar()
labelText.set("Welcome !!!!")
#labelText.fontsize('10')
label1 = Label(app, image=image1, textvariable=labelText,
font=("Times New Roman", 24),
justify=CENTER, height=4, fg="blue")
label1.pack()
app.mainloop()
This code doesn't work. :( I want to import a background image.
python tkinter
python tkinter
edited Aug 23 '17 at 23:18
martineau
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
edited Aug 23 '17 at 23:18
martineau
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
edited Aug 23 '17 at 23:18
martineau
65.2k987176
edited Aug 23 '17 at 23:18
martineau
65.2k987176
edited Aug 23 '17 at 23:18
martineau
65.2k987176
65.2k987176
asked Apr 15 '12 at 0:24
user1276381
1041311
asked Apr 15 '12 at 0:24
user1276381
1041311
asked Apr 15 '12 at 0:24
user1276381
1041311
1041311
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.Label(app, textvariable=labelText, ...)This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.
– gary
Apr 15 '12 at 1:14
3
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50
add a comment |
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.Label(app, textvariable=labelText, ...)This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.
– gary
Apr 15 '12 at 1:14
3
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.
Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.– gary
Apr 15 '12 at 1:14
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.
Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.– gary
Apr 15 '12 at 1:14
3
3
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50
add a comment |
2 Answers
2
active
oldest
votes
up vote
18
down vote
accepted
One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.
For example:
background_image=tk.PhotoImage(...)
background_label = tk.Label(parent, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.
Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:
background_label.image = background_image
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
1
Thanks for this, Bryan. To get it to work on my program I had to add the linebackground_label.photo=backgroundbefore the last line.
– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
add a comment |
up vote
2
down vote
A simple tkinter code for Python 3 for setting background image .
from tkinter import *
from tkinter import messagebox
top = Tk()
C = Canvas(top, bg="blue", height=250, width=300)
filename = PhotoImage(file = "C:\Users\location\imageName.png")
background_label = Label(top, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()
top.mainloop
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f10158552%2fhow-to-use-an-image-for-the-background-in-tkinter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
18
down vote
accepted
One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.
For example:
background_image=tk.PhotoImage(...)
background_label = tk.Label(parent, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.
Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:
background_label.image = background_image
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
1
Thanks for this, Bryan. To get it to work on my program I had to add the linebackground_label.photo=backgroundbefore the last line.
– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
add a comment |
up vote
18
down vote
accepted
One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.
For example:
background_image=tk.PhotoImage(...)
background_label = tk.Label(parent, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.
Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:
background_label.image = background_image
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
1
Thanks for this, Bryan. To get it to work on my program I had to add the linebackground_label.photo=backgroundbefore the last line.
– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
add a comment |
up vote
18
down vote
accepted
up vote
18
down vote
accepted
One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.
For example:
background_image=tk.PhotoImage(...)
background_label = tk.Label(parent, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.
Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:
background_label.image = background_image
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.
For example:
background_image=tk.PhotoImage(...)
background_label = tk.Label(parent, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.
Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:
background_label.image = background_image
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
edited Aug 23 '17 at 23:20
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
answered Apr 16 '12 at 20:45
Bryan Oakley
211k21248410
211k21248410
1
Thanks for this, Bryan. To get it to work on my program I had to add the linebackground_label.photo=backgroundbefore the last line.
– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
add a comment |
1
Thanks for this, Bryan. To get it to work on my program I had to add the linebackground_label.photo=backgroundbefore the last line.
– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
1
1
Thanks for this, Bryan. To get it to work on my program I had to add the line
background_label.photo=background before the last line.– town_math
Feb 27 '14 at 19:50
Thanks for this, Bryan. To get it to work on my program I had to add the line
background_label.photo=background before the last line.– town_math
Feb 27 '14 at 19:50
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
How do I add background image with a text overlay?
– the_prole
Nov 16 '14 at 19:21
add a comment |
up vote
2
down vote
A simple tkinter code for Python 3 for setting background image .
from tkinter import *
from tkinter import messagebox
top = Tk()
C = Canvas(top, bg="blue", height=250, width=300)
filename = PhotoImage(file = "C:\Users\location\imageName.png")
background_label = Label(top, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()
top.mainloop
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
add a comment |
up vote
2
down vote
A simple tkinter code for Python 3 for setting background image .
from tkinter import *
from tkinter import messagebox
top = Tk()
C = Canvas(top, bg="blue", height=250, width=300)
filename = PhotoImage(file = "C:\Users\location\imageName.png")
background_label = Label(top, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()
top.mainloop
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
add a comment |
up vote
2
down vote
up vote
2
down vote
A simple tkinter code for Python 3 for setting background image .
from tkinter import *
from tkinter import messagebox
top = Tk()
C = Canvas(top, bg="blue", height=250, width=300)
filename = PhotoImage(file = "C:\Users\location\imageName.png")
background_label = Label(top, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()
top.mainloop
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
A simple tkinter code for Python 3 for setting background image .
from tkinter import *
from tkinter import messagebox
top = Tk()
C = Canvas(top, bg="blue", height=250, width=300)
filename = PhotoImage(file = "C:\Users\location\imageName.png")
background_label = Label(top, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()
top.mainloop
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
answered Dec 27 '16 at 6:49
Abhijeet Sinha
216
216
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
add a comment |
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
It Worked.Will You Please Give Me code to make two buttons on front of it.
– user8167727
Jul 1 '17 at 9:40
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f10158552%2fhow-to-use-an-image-for-the-background-in-tkinter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e.
Label(app, textvariable=labelText, ...)This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.– gary
Apr 15 '12 at 1:14
3
I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.
– joaquin
Apr 15 '12 at 7:39
Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)
– gary
Apr 15 '12 at 17:50