Is there any way to make tkinter Radiobutton transparent on tkinter canvas?

Question

I want to make radiobutton transparent on canvas image to make it look good, I tried passing lots of option parameters to radiobutton to somehow make it look better but nothing works.

Here is the code I am working with...

from tkinter import *
from tkinter import ttk
from tkinter.ttk import *
from PIL import ImageTk, Image
from tkinter import messagebox 


class GUI_Prog:
    def __init__(self):
            root = Tk()
            root.title("Risk Analysis")
            root.geometry("1100x630")
            r = IntVar()

            #Setting up Canvas :
            my_canvas = Canvas(root, width=1100, height=630)
            my_canvas.pack(fill="both", expand=True)

            #Background :
            img = Image.open("diagnosis.png")
            img = img.resize((1100,630), Image.ANTIALIAS)
            bg =  ImageTk.PhotoImage(img)
            my_canvas.create_image(0,0,image=bg,anchor="nw")

            #Creating title text :
            my_canvas.create_text(540,40,text="Risk Analysis", font=("Times, 30"), fill = "white")
            my_canvas.create_text(140,100,text="1) Do you smoke?", font=("helvetica, 15"), fill = "black")

            but_1 = Radiobutton(root, text="yes", variable=r, value=1)
            my_canvas.create_window(60, 150, window=but_1)

            but_2= Radiobutton(root, text="no", variable=r, value=2)
            my_canvas.create_window(150, 150, window=but_2)

            mainloop()


obj = GUI_Prog()

I am not exactly sure if it is possible. Have you tried using circles to create your own radio button inside the `tkinter.Canvas`? — TheLizzard, Apr 09 '21 at 18:47

TheLizzard · Answer 1 · 2021-04-09T21:27:12.353

Well I created my own RadioButton class but it only works on tkinter.Canvas:

from tkinter import *
from tkinter import ttk
from tkinter.ttk import *
from PIL import ImageTk, Image
from tkinter import messagebox


# Taken from: https://stackoverflow.com/a/17985217/11106801
def _create_circle(self, x, y, r, **kwargs):
    return self.create_oval(x-r, y-r, x+r, y+r, **kwargs)
Canvas.create_circle = _create_circle


class Radiobutton:
    def __init__(self, canvas, text="", variable=None, value=0, radius=10,
                 fill="black"):
        self.canvas = canvas
        self.variable = variable
        self.fill = fill
        self.text = text
        self.value = value
        self.radius = radius

        self.variable.trace("w", self.redraw)

        self.circle = None

    def put(self, x, y):
        self.x = x
        self.y = y
        self.canvas.create_circle(x, y, self.radius, outline=self.fill)
        self.canvas.create_text(x + 2*self.radius, y, text=self.text,
                                fill=self.fill, anchor="w")
        self.redraw()
        self.canvas.bind("<Button-1>", self.select, add=True)

    def select(self, event):
        if (self.x - event.x)**2 + (self.y - event.y)**2 <= self.radius**2:
            self.variable.set(self.value)
            self.redraw()

    def create_circle(self):
        self.circle = self.canvas.create_circle(self.x, self.y, self.radius-4,
                                                outline=self.fill,
                                                fill=self.fill)

    def redraw(self, *args):
        if self.value == self.variable.get():
            if self.circle is None:
                self.create_circle()
        else:
            if self.circle is not None:
                self.canvas.delete(self.circle)
                self.circle = None


class GUI_Prog:
    def __init__(self):
            root = Tk()
            root.title("Risk Analysis")
            root.geometry("1100x630")
            r = IntVar()

            #Setting up Canvas:
            my_canvas = Canvas(root, width=1100, height=630)
            my_canvas.pack(fill="both", expand=True)

            #Background:
            img = Image.open("diagnosis.png")
            img = img.resize((1100, 630), Image.ANTIALIAS)
            bg =  ImageTk.PhotoImage(img)
            my_canvas.create_image(0, 0, image=bg, anchor="nw")

            #Creating title text:
            my_canvas.create_text(540, 40, text="Risk Analysis",
                                  font=("Times", 30), fill="white")
            my_canvas.create_text(140, 100, text="1) Do you smoke?",
                                  font=("helvetica", 15), fill="black")

            but_1 = Radiobutton(my_canvas, text="yes", variable=r, value=1,
                                fill="white")
            but_1.put(60, 150)

            but_2 = Radiobutton(my_canvas, text="no", variable=r, value=2,
                                fill="white")
            but_2.put(150, 150)

            r.set(1)

            root.mainloop()


obj = GUI_Prog()

You create it as normal but you pass in the <tkinter.Canvas> as its master. After that you can just call .put with the position where you want it to be created. This is a very patchy solution so if someone else posts a better solution, I will delete this.

Is there any way to make tkinter Radiobutton transparent on tkinter canvas?

1 Answers1