pyqt - qtdesigner
-
Upload
jmchuenbolon -
Category
Documents
-
view
208 -
download
3
Transcript of 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.
4.1 Desarrollo de la Interfaz
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:
4.1 Desarrollo de la Interfaz
4.1 Desarrollo de la Interfaz
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]