Creando GUI Con Boa Constructor (Introducción)
Creando GUI Con Boa Constructor (Introducción)
Creando GUI Con Boa Constructor (Introducción)
0
Voy a mostrar como crear una pequea aplicacin con Python usando las wxPython para la interfaz y un RAD como Boa Constructor. He visto que no hay mucha documentacin sobre este RAD, as que contribuyo con esto. Tengo que aclarar que no soy experto en python, tambien estoy aprendiendo poco a poco, en ratos libres mas que todo, (el trabajo) Lo primero para cocinar son los ingredientes axial que aqu estn, bajar e instalar en el mismo orden. Python 2.5.2 http://www.python.org/ftp/python/2.5.2/python-2.5.2.msi wxPython http://sourceforge.net/project/downloading.php? groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1py25.exe&use_mirror=ufpr Boa Constructor http://sourceforge.net/project/downloading.php? group_id=1909&use_mirror=ufpr&filename=boa-constructor0.6.1.bin.setup.exe&36528851 Una vez instalado a ejecutar el Boa Constructor. Lo nico que no me gusta es que tiene las reas separadas, me gustara que estuviera integrado. Bueno a describirlo: El area superior es el de los controles y los accesos de documentacin del software y uno que otro boton de uso eventual. El area Izquierdo- inferior muestra propiedades de los Marcos, tambien objetos y eventos. Por ultimo el area de edicion con muchas mas opciones para configuracin y depuracin de codigo. Podemos observar que en esta ultima carga la shell de Python para hacer pequeas cositas y correr algunos scripts. Las utilidades se podran apreciar una vez vayan adquiriendo experiencia.
Ahora manos a la obra. Crear una ventana (haremos una suma de 2 nmeros). Seleccionamos Archivo Nuevo wx.App y listo.
Ahora guardamos esos 2 archivos con otros nombres, yo al App1.py le pongo main.py y a Frame1.py le llamo frmSuma.py
Hecho esto nos cambiara y modificara el codigo. Todo de manera automatica, esto es muy util.
A crear la ventana, entramos a modo diseo. Ejecutando el icono que esta en el area de Edicion, un icono con forma de cursor ( El diseador de marcos).
Tenemos sus propiedades al lado izquierdo y los controles en la parte superior. En la propiedad title cambiamos el Titulo por Suma de 2 numeros.
Repetimos el paso para el otro staticText. Esto de disear es algo sencillo con este IDE, muy al estilo del Drag & Drop. Ojo este podria ser un gran IDE.
Una vez terminado clic en el icono de visto bueno, Enviar o simplemente cerrar nuestra ventana recien construida. Como se muestra en la siguiente imagen.
Como pueden ver el codigo ha cambiado y nos ha generado todo el script de creacin. Ahora vamos a darle funcionalidad.
Entramos a modo diseo nuevamente, seleccionamos nuestro boton luego a la ventana de propiedades y en la ficha Evnts, clic en ButtonEvent, luego doble click en wx.EV_BUTTON, se genero nuestro evento. Cerramos la ventana creada.
Vamos al codigo de nuestra ventana frmSuma y vemos que en la parte final esta creado el evento, listo para ingresar codigo en el.
Empezamos a codificar. Recordar que siempre que se refieran a una clase (yo los llamo controles) deben anteponer y llamar al contenedor self luego el nombre de la clase.
El codigo queda como en la captura. La propiedad GetValue() de la clase textCtrl obtiene el valor que contiene,devuelve un string. Y la propiedad SetLabel para el staticText asigna el valor al staticText. Se pueden encontrar mas informacin sobre las propiedades en esta direccion http://wxpython.org/docs/api/wx-module.html
Por utlimo solo queda ejecutar la paliacin vamos a archivo ejecutar o presionamos F9
Por ultimo, algo para personalizar el RAD a nuestro gusto, para ser exacto solo el editor, algo como colores. Seguimos los accesos de las capturas.
Otro dato mas para el completado simplemente Ctrl. + Space. Espero poder seguir continuando con esta entrega. Hasta luego