1

tengo una pregunta , como hago para poder animar un boton en tkinter si se puede o en python , q al pasar el mouse por encima reaccione y se genere una animacion . eso creo que se le llama 'efecto hover' , quiero que eso suceda en python , si se puede que sea en tkinter.

1 respuesta 1

1

Puedes hacerlo manejando los eventos <Enter> y <Leave>:

from tkinter import *


root = Tk()
root.geometry('300x200')

button = Button(root, text='Ejemplo', padx=20, pady=20, bg='white')

button.pack(expand=True)

button.bind('<Enter>', lambda e: e.widget.config(bg='red'))
button.bind('<Leave>', lambda e: e.widget.config(bg='white'))

root.mainloop()

En este ejemplo el formulario tiene un botón de color blanco. Cuando el usuario pase el cursor por encima del botón, este se coloreará de rojo:

button.bind('<Enter>', lambda e: e.widget.config(bg='red'))

Y cuando el cursor salga del botón volverá a colorearse de blanco:

button.bind('<Leave>', lambda e: e.widget.config(bg='white'))

Puedes modificar cualquier propiedad del botón, al que accedes mediante e.widget dentro del manejador del evento.

En el siguiente ejemplo además aumentamos el padding del botón cuando se dispara el evento <Enter>, y lo restauramos al dispararse el evento <Leave>:

from tkinter import *


def on_enter(e):
    e.widget.config(bg='red')
    e.widget.config(padx=20, pady=20)

def on_leave(e):
    e.widget.config(bg='white')
    e.widget.config(padx=0, pady=0)


root = Tk()
root.geometry('300x200')

button = Button(root, text='Ejemplo', bg='white')

button.pack(expand=True)

button.bind('<Enter>', on_enter)
button.bind('<Leave>', on_leave)

root.mainloop()

Puedes acceder a los atributos de un widget utilizando su método cget, de manera que si quisieras modificar el texto del botón al pasar el cursor por encima podrías hacer algo así:

def on_enter(e):
    e.widget.config(text=e.widget.cget('text').upper())

def on_leave(e):
    e.widget.config(text=e.widget.cget('text').capitalize())

Saludos!

3
  • 1
    muchas gracias , estoy avanzando paso a paso con estas ayudas. Commented el 19 jun. 2021 a las 2:36
  • 1
    me encanto , para mi es algo avanzado , para usd debe de ser algo sencillo , me encanto ver ese efecto , muchas gracias. Commented el 19 jun. 2021 a las 2:40
  • Con práctica se convertirá en algo sencillo para tí. Todos empezamos sin saber nada. Mucho ánimo! :)
    – tecnobillo
    Commented el 21 jun. 2021 a las 8:35

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.