Qt Designer te ayuda a construir una GUI (interfaz gráfica de usuario). Puedes cargar una GUI desde Python. En este tutorial te mostraremos el paso a paso.

Cubre un ejemplo muy básico de cómo usar Qt Designer con PyQt y Python. Para más detalles ver el siguiente enlace.

Curso relacionado: Create GUI Apps with Python PyQt5

Qt Designer Python

Requisitos previos

Para empezar con este tutorial necesitas estos instalados:

  • Python
  • PyQt
  • Qt Designer

Necesitarás Python 3 o superior, porque los otros están desfasados.

Si no tienes PyQt, instala PyQt.

Puedes instalar Designer (Ubuntu Linux) con:

1
2
sudo apt-get install qttools5-dev-tools
sudo apt-get install qttools5-dev

En otras plataformas está incluido en la configuración.

Cómo iniciar Designer

Inicia Designer escribiendo designer en la línea de comandos. Importante: qt creator es otro programa.

En Ubuntu Linux:

1
2
cd /usr/lib/x86_64-linux-gnu/qt5/bin/ 
./designer

Básicos

Se muestra una ventana emergente. Puedes elegir lo que quieres diseñar.

Elige «Ventana principal» y haz clic en crear.

A continuación, puedes cambiar el tamaño del formulario y arrastrar y soltar widgets. Es bastante sencillo diseñar una interfaz gráfica como esta.

Si haces clic en un widget (digamos un botón), puedes establecer sus propiedades como el nombre.

Si eres nuevo en PyQt de Python, entonces te recomiendo encarecidamente este libro.

Exporta el diseño a UI

Puedes exportar tu diseño a un archivo UI. Haz clic en Archivo > Guardar como > tunombre.ui

Entonces puedes convertir el código ui en un archivo python.

1
pyuic5 /home/linux/helloworld.ui -o helloworld.py

El archivo python contiene entonces la definición del gui.
Crea otro archivo que cargue el archivo ui:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QApplication
import sys
import helloworld
class ExampleApp(QtWidgets.QMainWindow, helloworld.Ui_MainWindow):
def __init__(self, parent=None):
super(ExampleApp, self).__init__(parent)
self.setupUi(self)
def main():
app = QApplication(sys.argv)
form = ExampleApp()
form.show()
app.exec_()
if __name__ == '__main__':
main()

Una vez que lo ejecutes aparecerá tu GUI.

Descarga ejemplos

Deja una respuesta

Tu dirección de correo electrónico no será publicada.