Qt push button color (qpushbutton color).

En este tutorial explicamos cómo darle color a un Qt push button usando Qt Designer (Qpushbutton color). Y también explicamos cómo darle color usando código en Python.

Qt Designer es una herramienta de PyQt, el cual ayuda a crear las interfaces graficas de manera visual. En este tutorial vamos a explicar cómo cambiar el color de un Botón. Algo muy simple, que puede estar un poco oculto en Qt Designer.

Cambiando el color de un Qt push button, en Qt Designer.

Primero abrimos Qt Designer e insertamos un Push Button, el cual se encuentra en el panel de la Izquierda. Todos los elementos de esa barra se conocen como Widget, y todos se personalizan de una manera muy similar.

Así insertamos el Qt Push Button.

qt push button

En la barra de la derecha, encontramos algunas características del Widget seleccionado, como su tamaño, su nombre o ID, la fuente del texto, etc.

Sin embargo, el color del botón no se puede cambiar en ninguno de estos dos paneles.

Para poder cambiar el color del botón, también conocido como background color, primero damos click derecho al botón y en las opciones que aparecen seleccionamos la opción “Change StyleSheet…”.

Qpushbutton color

Nos aparece una ventana con varias opciones. Aquí desplegamos la opción de “Add Color” y seleccionamos la opción de “background-color”.

Nota: Podemos ver en la imagen anterior, que podemos modificar el color de los bordes y más opciones que puedes seleccionar.

Se nos abrirá una ventana donde podemos seleccionar el color de fondo del qt push boton.

En este caso lo seleccionamos amarillo. Presionamos en Ok, y regresamos a la ventana anterior. Donde se agrega un código. Recuerda que debe tener “background-color” de lo contrario marcará formato invalido.

Solo presionamos Apply y Ok, y el botón tendrá un color amarillo.

Qpushbutton

Cambiando el color de qpushbutton en el código.

De forma programática, para cambiar el color solo es cuestión de escribir una línea de código, seleccionando el color de botón, “setStyleSheet(“background-color: rgb(255, 255, 0);”)

btn1.setStyleSheet("background-color: rgb(255, 255, 0);")

La partes de esta línea de código son las siguientes:

  • btn1, es el nombre o ID del Qt push boton.
  • setStyleSheet( ), es un comando para dar estilo.
  • background-color:, es el comanado para cambiar el color de fondo.
  • rgb(255, 255, 0);, es el color en formato rgb, en este caso es el color Amarillo.

Para más tutoriales de Python puedes ir a la sección de Pyqt5 Python.

A continuación te mostramos algunos temas que te pueden interesar.

 

Qt Designer python.