creando gui con boa constructor (introducción)
TRANSCRIPT
-
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 -
8/6/2019 Creando GUI con Boa constructor (Introduccin)
2/16
Ahora manos a la obra. Crear una ventana (haremos una suma de 2 nmeros).
Seleccionamos Archivo Nuevo wx.App y listo.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
3/16
Nos cargara 2 archivos .py el Frame1.py y el App1.py
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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).
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
7/16
Desde el cuadro de controles agregamos 3 staticTex, 2 textCtrl y un boton.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
10/16
El ultimo staticText lo dejamos en blanco
Con estas propiedades.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
12/16
Como pueden ver el codigo ha cambiado y nos ha generado todo el script de creacin.
Ahora vamos a darle funcionalidad.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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.
-
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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 -
8/6/2019 Creando GUI con Boa constructor (Introduccin)
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