En esta entrega, analizaremos el programa para crear la interfaz gráfica. Ya vimos como instalar WxGlade, ahora vamos a conocerlo un poco mas:

Para abrirlo (en escritorio Gnome) lo hacemos tal como muestra la figura:

Recordemos que la disposición de los menús puede variar, por ejemplo en Ubuntu el programa lo encontrarán en la sección “Desarrollo”. En Fedora aparece como muestra la imagen.

Entonces, al abrir el programa nos encontramos con tres ventanas (pueden ver la imagen de abajo)

Ventanas de WxGlade

La primera ventana (de izquierda a derecha) nos permite agregar elementos a nuestra interfaz, tales como botones, textos, listas, casillas, imagenes, pestañas…etc.

La segunda ventana nos indica la estructura que tiene el programa en general, por ejemplo en un mismo programa podemos tener varias ventanas, es el caso de que necesitemos acceder a una función diferente y necesitemos un formulario especial, entonces desde el programa principal vamos a llamar a esa funcion (desde el programa base podemos llamar a las ventanas que se nos antojen). Entonces por cada ventana que creemos se agregará un item en el elemento que estamos describiendo (la figura central).

El tercer elemento de la figura es el cuadro de propiedades de los elementos (botonoes, cuadros de textos, etiquetas…etc) cada uno de ellos posee características particulares y ellas son mostradas y editadas en tal cuadro. Claro que existen opciones comunes a todos los elementos, por ejemplo el nombre.

Si nos fijamos en la imagen, no tenemos nada creado todavia, entonces el cuadro propiedades nos indica las opciones de la aplicación en general. Si miramos bien, en el apartado languague está por defecto seleccionada la opción Python (que es el objetivo de este tutorial), pero tambien permite trabajar con C++.

Si bajamos un poco mas (en el cuadro propiedades) podremos guardar el proyecto, esta opción la vemos con un poco mas de detalles en la figura siguiente:

Opciones para exportar

Visualizamos la casilla “Overwrite existing sources”, esta opción permite que al editar una interfaz se agregue información y no se sobre-escriba (al tenerla desmarcada claro). La característica es muy util, ya que una vez creada la interfaz debemos agregar el codigo fuente para que interactuen las ventanas con Python (wxpython con python) y como constantemente debemos modificar el aspecto de la interfaz esta opción permite que el código propio ya escrito no se pierda.

Abajo de esta opción hay un cuadro de texto, es en este lugar donde seleccionamos la ruta para exportar nuestro proyecto.

WxGlade trabaja con un formato independiente (al guardar con “File->save as” de la interfaz principal o la ventana de mas a la izquierda en la iprimera imagen), luego para generar el archivo final, con extensión “proyecto.py” debemos llenar esta casilla (con la ruta y el nombre).

Entonces podemos generar el codigo con el botón “Generate code”.

De aquí en adelante empezaré a ocupar videos demostrativos.

[youtube]W1fDIp4OLns[/youtube]

Luego tenemos que dirigirnos a la carpeta donde se creo el código y ejecutar en un terminal “nombre_archivo.py”, y podremos ver nuestra ventana ejecutándose.

Lo que resta es modificar el código generado para que pueda capturar datos y reaccionar ante eventos (como la pulsación de un botón), pero eso lo veremos en una próxima entrega.