creando gui con boa constructor (introducción)

8/6/2019 Creando GUI con Boa constructor (Introduccin)

1/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.1-

py25.exe&use_mirror=ufpr

Boa Constructor

http://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-

0.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.
http://www.python.org/ftp/python/2.5.2/python-2.5.2.msihttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851http://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851http://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851http://www.python.org/ftp/python/2.5.2/python-2.5.2.msihttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?groupname=wxpython&filename=wxPython2.8-win32-unicode-2.8.9.1-py25.exe&use_mirror=ufprhttp://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851http://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851http://sourceforge.net/project/downloading.php?group_id=1909&use_mirror=ufpr&filename=boa-constructor-0.6.1.bin.setup.exe&36528851


2/16

Ahora manos a la obra. Crear una ventana (haremos una suma de 2 nmeros).

Seleccionamos Archivo Nuevo wx.App y listo.


3/16

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


4/16

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.


5/16

A crear la ventana, entramos a modo diseo. Ejecutando el icono que esta en el area deEdicion, un icono con forma de cursor ( El diseador de marcos).


6/16

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.


7/16

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


8/16

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.


9/16

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

Por ultimo el button y tambien con nombre cmdSumar


10/16

El ultimo staticText lo dejamos en blanco

Con estas propiedades.


11/16

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.


12/16

Como pueden ver el codigo ha cambiado y nos ha generado todo el script de creacin.

Ahora vamos a darle funcionalidad.


13/16

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.


14/16

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.


15/16

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. Sepueden 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
http://wxpython.org/docs/api/wx-module.htmlhttp://wxpython.org/docs/api/wx-module.html


16/16

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

creando gui con boa constructor (introducción)

Documents