CODEWITHSUNDEEP
pythontkintertransparency
forumfresser
forumfresser

Reputation: 471

Transparent background in a Tkinter window

Is there a way to create a "Loading Screen" in Python 3.x using Tkinter? I mean like the loading screen for Adobe Photoshop, with transparency and so on. I managed to get rid of the frame border already using:

root.overrideredirect(1)

But if I do this:

root.image = PhotoImage(file=pyloc+'\startup.gif')
label = Label(image=root.image)
label.pack()

the image displays fine, but with the grey window background instead of transparency.

Is there a way of adding transparency to a window, but still displaying the image correctly?

Upvotes: 24

Views: 137074

Answers (9)

WinEunuuchs2Unix
WinEunuuchs2Unix

Reputation: 1929

The Linux Way - Install pqiv

The "Linux Way" seems to be installing another package:

$ sudo apt install pqiv

But as I've had to install xdotool and other packages for my application what's another one right? Plus it will make the docker folks happy :)

The good news is it is only 136KB and automatically places the splash screen in the center of the active monitor instead of the center of the primary monitor or the center of the X11 screen (which can look funny on three monitor systems of different resolutions).

Calling pqiv

From the command line (which you can easily duplicate inside Python with os.popen() or subprocess.Popen()) you simply type:

pqiv -c -c -i m.png

Here's what it looks like with my png image:

mserve transparent splash screen.gif

Closing pqiv

In the terminal I have to send Control + C when loading is finished. In Python you would have to grep the output from ps and kill the job. Pretty straight forward in Linux I guess but probably foreign to our Windows friends.

Credit to Super User answer.

Upvotes: 5

Nomore
Nomore

Reputation: 81

Just use root.config(bg=''), that's all, for example:

from tkinter import *
root = Tk()
root.configure(bg='')

Upvotes: 8

danilo
danilo

Reputation: 9325

A cross-platform solution:

from sys import platform
import tkinter as tk
root = tk.Tk()

if platform == "linux" or platform == "linux2":
    root.overrideredirect(True)
    root.wait_visibility(root)
    root.wm_attributes("-alpha", 0.5)
elif platform == "darwin":
    root.overrideredirect(True)
    # Make the root window always on top
    root.wm_attributes("-topmost", True)
    # Turn off the window shadow
    root.wm_attributes("-transparent", True)
    # Set the root window background color to a transparent color
    root.config(bg='systemTransparent')
    root.geometry("+300+300")
    # Store the PhotoImage to prevent early garbage collection
    root.image = tk.PhotoImage(file="photoshop-icon.gif")
    # Display the image on a label
    label = tk.Label(root, image=root.image)
    # Set the label background color to a transparent color
    label.config(bg='systemTransparent')
    label.pack()
elif platform == "win32":
    root.image = tk.PhotoImage(file='startup.gif')
    label = tk.Label(root, image=root.image, bg='white')
    root.overrideredirect(True)
    root.geometry("+250+250")
    root.lift()
    root.wm_attributes("-topmost", True)
    root.wm_attributes("-disabled", True)
    root.wm_attributes("-transparentcolor", "white")
    label.pack()

root.mainloop()

Upvotes: 5

Ryan Gurnick
Ryan Gurnick

Reputation: 11

For just doing a single image you can do the following. 

label = Label(root)
label.config(image='image.gif')
label.config(bg='systemTransparent')

this appears to allow the gif and the alpha channel to shine, on macOS specifically.

Upvotes: 1

Josselin
Josselin

Reputation: 2643

Here is a solution for macOS:

import tkinter as tk

root = tk.Tk()
# Hide the root window drag bar and close button
root.overrideredirect(True)
# Make the root window always on top
root.wm_attributes("-topmost", True)
# Turn off the window shadow
root.wm_attributes("-transparent", True)
# Set the root window background color to a transparent color
root.config(bg='systemTransparent')

root.geometry("+300+300")

# Store the PhotoImage to prevent early garbage collection
root.image = tk.PhotoImage(file="photoshop-icon.gif")
# Display the image on a label
label = tk.Label(root, image=root.image)
# Set the label background color to a transparent color
label.config(bg='systemTransparent')
label.pack()

root.mainloop()

Screenshot

(tested on macOS Sierra 10.12.21)

Upvotes: 24

Bryan Oakley
Bryan Oakley

Reputation: 385890

There is no cross-platform way to make just the background transparent in tkinter.

Upvotes: 10

Jakub Bláha
Jakub Bláha

Reputation: 1609

You can do this:window.attributes("-transparentcolor", "somecolor")

Upvotes: 1

dln385
dln385

Reputation: 12080

It is possible, but it's OS-dependent. This will work in Windows:

import Tkinter as tk # Python 2
import tkinter as tk # Python 3
root = tk.Tk()
# The image must be stored to Tk or it will be garbage collected.
root.image = tk.PhotoImage(file='startup.gif')
label = tk.Label(root, image=root.image, bg='white')
root.overrideredirect(True)
root.geometry("+250+250")
root.lift()
root.wm_attributes("-topmost", True)
root.wm_attributes("-disabled", True)
root.wm_attributes("-transparentcolor", "white")
label.pack()
label.mainloop()

Upvotes: 47

vinit_ivar
vinit_ivar

Reputation: 640

It's simple: use root.attributes()

In your case, it'd be something like root.attributes("-alpha", 0.5) where 0.5 is the transparency you want, 0 being fully transparent to 1 being opaque.

Upvotes: 3

Related Questions