PyQT5 Diseñador QT

QT Designer es una aplicación que nos facilita la creación de GUI, nos permite crear interfaces gráficas de usuario rápidamente mediante el método de arrastrar y soltar, una vez creada se guarda en un archivo .ui en formato XML que puede ser cargado en tiempo de ejecución o convertirse en código Python para generar la GUI.

Al iniciar QT Designer este nos permite crear una GUI partiendo de una de las plantillas que tenemos disponibles, para nuestro ejemplo elegiremos widget de este modo extendemos la clase QWidget.

pyqt
El siguiente paso es arrastrar los controles que necesitemos, en la parte izquierda vemos los distintos controles y layouts disponibles organizamos por categoría, en la parte derecha se encuentran las propiedades del control seleccionado, además de un editor signal / slot que nos permitirá crear manejadores de eventos.

qt diseñador
Creamos una GUI sencilla y la guardamos con el nombre form.ui para generar el código Pyhton haremos lo siguiente:
Abrimos una consola de comandos, Pyhton debe estar en la variable de entorno PATH, y ejecutamos el siguiente comando:
C:\Developer\TEMP>pyuic5.bat -x -o form.py form.ui

El archivo form.ui lo guardamos en la carpeta c:\developer\temp, -x indica que deseamos generar código extra que inicia la aplicación, -o from.py establece el nombre del archivo de salida. 
# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'form.ui'
#
# Created: Sun Apr  3 17:17:16 2016
#      by: PyQt5 UI code generator 5.3.1
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(400, 134)
        self.widget = QtWidgets.QWidget(Form)
        self.widget.setGeometry(QtCore.QRect(10, 10, 381, 121))
        self.widget.setObjectName("widget")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.widget)
        self.verticalLayout.setContentsMargins(0, 0, 0, 0)
        self.verticalLayout.setObjectName("verticalLayout")
        self.gridLayout = QtWidgets.QGridLayout()
        self.gridLayout.setObjectName("gridLayout")
        self.label_2 = QtWidgets.QLabel(self.widget)
        self.label_2.setObjectName("label_2")
        self.gridLayout.addWidget(self.label_2, 1, 0, 1, 1)
        self.lineEdit_2 = QtWidgets.QLineEdit(self.widget)
        self.lineEdit_2.setObjectName("lineEdit_2")
        self.gridLayout.addWidget(self.lineEdit_2, 1, 1, 1, 2)
        self.label = QtWidgets.QLabel(self.widget)
        self.label.setObjectName("label")
        self.gridLayout.addWidget(self.label, 0, 0, 1, 1)
        self.lineEdit = QtWidgets.QLineEdit(self.widget)
        self.lineEdit.setObjectName("lineEdit")
        self.gridLayout.addWidget(self.lineEdit, 0, 1, 1, 2)
        self.verticalLayout.addLayout(self.gridLayout)
        self.horizontalLayout = QtWidgets.QHBoxLayout()
        self.horizontalLayout.setObjectName("horizontalLayout")
        self.pushButton = QtWidgets.QPushButton(self.widget)
        self.pushButton.setObjectName("pushButton")
        self.horizontalLayout.addWidget(self.pushButton)
        self.pushButton_2 = QtWidgets.QPushButton(self.widget)
        self.pushButton_2.setObjectName("pushButton_2")
        self.horizontalLayout.addWidget(self.pushButton_2)
        self.verticalLayout.addLayout(self.horizontalLayout)

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.label_2.setText(_translate("Form", "Contraseña"))
        self.label.setText(_translate("Form", "Nombre"))
        self.pushButton.setText(_translate("Form", "Aceptar"))
        self.pushButton_2.setText(_translate("Form", "Cancelar"))


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Form = QtWidgets.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

El código generado es completamente ejecutable.

python code
Categorías:

Comentarios

Publicar un comentario

Temas relacionados

Entradas populares de este blog

tkinter Grid

Imagen
El método grid nos permite posicionar los widgets en una celda en especifico, indicamos la celda usando el índice de fila y columna correspondiente, el ancho y la altura de cada celda son configurables, además un widget puede ocupar varias celdas si lo deseamos, usando grid podemos crear fácilmente interfaces gráficas de usuario tipo formulario.
SIGUE LEYENDO

Modelo de Iluminación Phong - Tutorial OpenGL

Imagen
En la programación de gráficos 3D existen distintos modelos de iluminación que intentan simular cómo se comporta la luz al iluminar la superficie de un objeto tridimensional, uno de esto es el modelo de iluminación Phong , lo podemos aplicar por vértice ( Gouraud shading ) o por pixel ( Phong shading ). 
SIGUE LEYENDO

Iluminación - Tipos de Luces

Imagen
En este tutorial OpenGL veremos tres tipos de luces que podemos implementar, ya aprendimos como utilizar el modelo de iluminación phong en el tutorial anterior, ahora utilizaremos los conceptos aprendidos para crear varios tipos de luces, como: luz direccional, luz puntual y luz focal.
SIGUE LEYENDO

Conectar SQL Server con Java

Imagen
Conectar Java con SQL Server : una vez hayamos creado nuestra base de datos, seguramente necesitamos conectarla con una aplicación que realizaremos en un lenguaje de nuestra preferencia, si elegimos Java para conectar la base de datos debemos hacer lo siguientes pasos para conectarnos a la base de datos: Para realizar la conexión con una base de datos MySQL visita: Conectar Java con MySQL . Conectar Java con SQL Server Primero descargamos el controlador JDBC para SQL Server, nos dirigimos al siguiente enlace: descargar JDBC . Una vez ingresemos a la página indicada, tenemos dos versiones para descargar, una .exe y otro .tar.gz , ambos son iguales solo que el archivo .exe se extraerá automáticamente al darle doble clic. Una vez lo tengamos descargado, los descomprimimos y guardamos en una carpeta de nuestra preferencia. Creamos nuestra aplicación Java, en mi caso usaré el IDE Netbeans 8.x. Para conectarnos necesitaremos en siguiente código java: DB_Name es el nombre de la base de d...
Sigue leyendo

Detección de líneas y círculos usando la transformada de Hough con OpenCV

Imagen
La Transformada de Hough , técnica propuesta y patentada por Paul Hough en 1962 es comúnmente usada en aplicaciones de visión por computador para detectar formas geométricas como círculos o líneas, OpenCV implementa esta técnica a través de dos funciones: cv::HoughCircles() y cv::HoughLines() , en el presente tutorial veremos como podemos utilizar ambas funciones para detectar las respectivas formas. Detección de Líneas Para poder detectar líneas tenemos dos implementaciones, cv2.HoughLines() y cv2.HoughLinesP() , antes de aplicar cualquiera de ellas, convertiremos la imagen a escala de grises y detectaremos los bordes, para lo que utilizaremos la función cv2.Canny() , veamos un ejemplo sencillo en Python 3.x. import cv2 import numpy as np img = cv2 . imread( 'sudoku.png' ) gray = cv2 . cvtColor(img, cv2 . COLOR_BGR2GRAY) edges = cv2 . Canny(gray, 50 , 150 , apertureSize = 3 ) lines = cv2 . HoughLines(edges, 1 , np . pi /180 , 200 ) for line in line...
Sigue leyendo