pyqt - qtdesigner

PyQt + Qt Designer

Alexander G. Ayasca Esquives29 - 01 - 10

1. PyQtPyQt = Python + Qt PyQt es una implementacin de la biblioteca grfica Qt para Python. Est disponible para Windows, GNU/Linux y Mac OS X.

1.1 PythonPython alto es un cuyas lenguaje de de programacin nivel interpretado

principales

caractersticas son la simplicidad de la sintaxis y lo claro que resulta leer el cdigo.

1.1 PythonPor qu Python? Fcil de Aprender Fcil de mantener Desarrollo rpido en comparacin a C/C++/Java Por qu no? No recomendable cuando la velocidad de ejecucin sea crtica, ya que al ser interpretado es lento en comparacin a otros lenguajes.

1.2 QtQt es una biblioteca multiplataforma para desarrollar interfaces grficas de usuario y tambin para el desarrollo de programas sin interfaz grfica como herramientas de la consola y servidores.

1.2 Qt

Algunos Widgets

2. Qt Designer

Qt

Designer

es

una

poderosa

herramienta

multiplataforma para construir Interfaces Grficas de Usuario.

3. Lo necesario* Python: Intrprete de python * python-qt4: API de Qt para python * pyqt4-dev-tools: Contiene herramientas para desarrolladores, tales como: pyuic4 y pyrcc4 * QtDesigner 4.7: Herramienta para disear GUI's * Geany: Un editor de texto con resaltado de cdigo.

4. Una Aplicacin: Hola Mundo* Haremos una aplicacin sencilla que contenga un botn, una caja de texto que reciba nuestro nombre y un campo de texto en el que nos mostrar un saludo. * La desarrollaremos en dos partes: La primera ser la interfaz grfica, y la segunda con el editor de texto, el cdigo funcional.

4.1 Desarrollo de la InterfazA) Abrimos QtDesigner y nos aparecer una ventana inicial en la que se nos preguntar por la plantilla a utilizar, seleccionaremos Widget de la seccin Template Form. B) Mantenemos la opcin de Default Size y clickeamos en Create.

4.1 Desarrollo de la Interfaz

4.1 Desarrollo de la InterfazC) Dibujamos la interza aadiendo: - Una etiqueta(QLabel) al que nombraremos (objectName) texto y colocaremos en su atributo text: Ingrese su nombre. - Una Linea de Edicin (QLineEdit) al que nombraremos campoNombre - Un botn(QPushButton) al que nombraremos botonHola y colocaremos en su atributo text: Hola - Otra linea de edicin llamada campoSaludo y que desmarcaremos su check enabled.


Interfaz hasta el momento

4.1 Desarrollo de la InterfazD) Seleccionamos el Men Edit: Signal and Slots, clickeamos en el Boton Hola y arrastramos una linea hasta el espacio vacio de la Forma.

4.1 Desarrollo de la InterfazE) Agregamos un nuevo Slot llamado saluda siguiendo los pasos de las imgenes a continuacin:



Si es que no lo hemos hecho ya, salvamos el archivo con el nombre de Hola_Mundo.ui

4.1 Desarrollo de la InterfazF) Una vez que tengamos el archivo Hola_Mundo.ui necesitamos convertirlo al formato .py, esto lo haremos abriendo la terminal, y situndonos (mediante el comando cd) en el directorio en el que tenemos nuestro archivo .ui, luego escribiremos: pyuic4 Hola_Mundo.ui -o Hola_Mundo.py

Y ahora, gracias a esta herramienta de pyqt4-dev-tools tenemos un modulo python que podremos importar ..

4.2 Escritura del CdigoA) Abrimos el editor de nuestra preferencia, en este caso: Geany.

B) Creamos un archivo llamado Hola_Mundo.pyw y empezamos a escribir lo que aparece en la siguiente pantalla.

4.2 Escritura del Cdigo

4.2 Escritura del CdigoC) La linea nmero 1 indica que el cdigo ser ejecutado con Python, la lnea nmero 2 nos seala que el archivo est codificado con UTF-8 (Unicode). Las lineas 4 y 5 importan los mdulos de PyQt4 y el mdulo sys respectivamente.

4.2 Escritura del CdigoD) La sptima linea la utilizamos para importar la Forma desde nuestro archivo Hola_Mundo.py

E) De la lnea 9 hasta la 17 se encuentra el cdigo que representa a nuestra forma: mediante su mtodo init y el slot Saluda que habamos creado. F) Entre las lneas 19 y 23 se puede decir que se encuentra nuestro mtodo Principal o main.

5. Ejecutando el Programa

Pantalla obtenida al ejecutar nuestra aplicacin, escribir un nombre y pulsar el botn Hola.

6. RecomendacionesPara todos aquellos quienes nos iniciamos programando con PyQt y QtDesigner recomiendo que escriban por si mismos el cdigo mostrado anteriormente y modifiquen poco a poco los archivos tanto el Hola_Mundo.ui(no olvidar convertir a .py) as como el Hola_Mundo.pyw; de esta manera nos familiarizaremos con las toda la variedad de opciones que nos ofrecen..

7. Referencias* Pyqt -> Riverbank Intro * QtDesigner Manual -> Documentacin Oficial de Qt (Nokia) * GUI Programming with Python: QT Edition * A Simple Tutorial On GUI Programming Using Qt Designer With PyQt4 * ZonaQt.com

Esta obra est bajo una licencia ReconocimientoCompartir bajo la misma licencia 2.5 Per de Creative Commons. Para ver una copia de esta licencia, visite http://creativecommons.org/licenses/bysa/2.5/pe/ o envie una carta a Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.

Contacto: [email protected]

pyqt - qtdesigner

Documents

Transcript of pyqt - qtdesigner