Creando GUI Con Boa Constructor (Introducción)

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 16

Creando GUI con Boa constructor (Introduccin) por Ramkira v1.

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.

Nos cargara 2 archivos .py el Frame1.py y el App1.py

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).

Nos carga una ventana parecido a los formularios de Visual Basic ( ?) .

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.

Desde el cuadro de controles agregamos 3 staticTex, 2 textCtrl y un boton.

Cambiamos el contenido por otro de acuerdo a la aplicacion

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.

Cambiamos el nombre del primer textCtrl a txtN1, luego a el siguiente a txtN2

Por ultimo el button y tambien con nombre cmdSumar

El ultimo staticText lo dejamos en blanco

Con estas propiedades.

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

También podría gustarte