Tkinter: botón que cambia sus propiedades al pasar el mouse

Python ofrece múltiples opciones para desarrollar GUI (interfaz gráfica de usuario). De todos los métodos GUI, tkinter es el método más utilizado. Es una interfaz estándar de Python para el kit de herramientas Tk GUI que se envía con Python. Python con tkinter es la forma más rápida y sencilla de crear aplicaciones GUI. Crear una GUI usando tkinter es una tarea fácil.

En este artículo, vamos a crear un botón que cambie sus propiedades al pasar el mouse por encima.

Enfoque paso a paso:

  • Importar módulo tkinter .

Python3

# import required module
from tkinter import *
  • Creación de una función universal para dar cambio en el poder de desplazamiento a cada botón.

El método config() se usa para cambiar las propiedades de cualquier widget. Tenga en cuenta que en el método config() bg y background son dos opciones diferentes y background representa el color de fondo.

Sintaxis:

widget.config(**options)

A continuación se muestra la implementación:

Python3

# function to change properties of button on hover
def changeOnHover(button, colorOnHover, colorOnLeave):
  
    # adjusting backgroung of the widget
    # background on entering widget
    button.bind("<Enter>", func=lambda e: button.config(
        background=colorOnHover))
  
    # background color on leving widget
    button.bind("<Leave>", func=lambda e: button.config(
        background=colorOnLeave))
  • Cree un botón en el código del controlador y llame a la función explícita.

Python3

# Driver Code
root = Tk()
  
# create button
# assign button text along
# with background color
myButton = Button(root,
                  text="On Hover - Background Change",
                  bg="yellow")
myButton.pack()
  
# call function with background
# colors as argument
changeOnHover(myButton, "red", "yellow")
  
root.mainloop()

A continuación se muestra el programa completo basado en el enfoque anterior:

Python3

# import required module
from tkinter import *
  
  
# function to change properties of button on hover
def changeOnHover(button, colorOnHover, colorOnLeave):
  
    # adjusting backgroung of the widget
    # background on entering widget
    button.bind("<Enter>", func=lambda e: button.config(
        background=colorOnHover))
  
    # background color on leving widget
    button.bind("<Leave>", func=lambda e: button.config(
        background=colorOnLeave))
  
  
# Driver Code
root = Tk()
  
# create button
# assign button text along
# with background color
myButton = Button(root,
                  text="On Hover - Background Change",
                  bg="yellow")
myButton.pack()
  
# call function with background
# colors as argument
changeOnHover(myButton, "red", "yellow")
  
root.mainloop()

Producción:

Publicación traducida automáticamente

Artículo escrito por vikasmaur10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *