Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Programando GUI de forma fcil en Python con un RAD Este es mi primer post, es algo que quera hacer desde hace tiempo ya que no encontraba informacin sobre el uso de esta herramienta en espaol (Visualwx). As que aqu estoy tratando de ensear algo que estoy cultivando. Yo tambin recin empiezo en el uso de esta herramienta as que veremos que tal sale y comente que tal le parece, este tutorial es para trabajar en Windows porque no hay una versin de Visualwx para GNU/Linux. Lo primero descargar e instalar Python, la ultima versin, desde su Web oficial, si quieren saber que es aqu. Es necesario que ya conozcan la sintaxis de este lenguaje, sino lean este tutorial muy bueno hecho por el propio autor del Lenguaje. Luego hay que descarga e instalar las wxPython desde aqu, es una herramienta que sirve para construir GUI. Por ultimo descargar e instalar VisualWx, la ultima versin desde aqu. Empezando Una vez instalado ejecutamos el RAD y tendremos algo como esto.

Vamos al men File y seleccionamos New Project, aparecer una ventanita donde se puede seleccionar los diferentes tipos de proyectos que deseamos hacer, son platillas que ya estn definidas y que nos ahorran la tarea. En este ejemplo seleccionare WX_SDI_Python, que aadir un wxFrame por defecto. Hacemos doble clic en MyFrame.pfr y veremos nuestra primera ventanita en tiempo de diseo. La imagen se vera as

Tutorial GUI con Python por Julio_C

Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Ahora a ponerle un titulo, vamos a las propiedades de la ventana, para esto seleccionen este wxFrame y vayan a Properties en el lado inferior derecho

Dar doble clic en la parte blanca y se vera una ventanita donde escribirn el titulo de la ventana. Yo pondre mi ventana . Ahora regresamos a nuestro wxFrame, necesitamos agregar algunos wxWidgets. Seleccionamos Control y agregaremos un Static Text, que vendra a ser algo como un Label en Visual Basic.

Tutorial GUI con Python por Julio_C

Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Le hacemos doble clic y ya estar en nuestra ventana, por defecto se ubica en la posicin (0,0)

Ahora modificamos sus propiedades agregandole texto, vamos a Properties y en la propiedad Text doble clic, agregamos Saludo:. De la misma forma agregamos un Edit text y luego un Button. En este ejemplo lo que haremos ser; que al pulsar sobre el Botn nos muestre un saludo en la caja de texto. Tengo que recordar que estos wxWidgets son clases y que pueden ver el nombre de la clase en la ventan de propiedades. Al final nos debe quedar as, con algunas propiedades modificadas.

Tutorial GUI con Python por Julio_C

Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Ahora vamos al cdigo, como algunos se habrn dado cuenta, los mas distrados no. Hay una pestaa de cdigo pitn al lado de la de diseo solo que en la parte inferior de nuestra ventana.

En esta ventana esta el cdigo ya generado por VisualWx, que realmente ahorra mucho el trabajo. Bien nosotros agregaremos algo de cdigo, como saben hay que asignar los eventos a las funciones con wxWidgets en Python, pero aqu los haremos mas corto. Regresamos a la ventana de diseo y seleccionamos nuestro botn, luego en la ventana de propiedades hay una pestaa de eventos, al seleccionarlo se muestran unas letras debajo seleccionen la letra E, que corresponde a los eventos de los componentes y activamos el check de EVT_BUTTON

Tutorial GUI con Python por Julio_C

Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Luego regresamos a la ventana de cdigo y buscamos esta lnea.

Como ven el evento ya se ha creado, y asignado al boton. Ahora hay que agregar cdigo donde dice con comentarios #add your code here. Borramos la lnea donde dice return y escribimos. self.tx4c.SetValue ("Hola a todos") Explicamos. Self corresponde a la instancia sobre la que trabajamos es decir a la vetanita, tx4c hace referencia al objeto que se creo, derivado de la clase wxTextCtrl y su propiedad SetValue, que en este caso recibe el parmetro de una cadena string Hola mundo. Ahora estamos listos. Ejecutamos la aplicacin desde el men Build Run o solo presionamos F5. Ya esta!!

Tutorial GUI con Python por Julio_C

Generated by Foxit PDF Creator Foxit Software http://www.foxitsoftware.com For evaluation only.

Espero que haya sido til. Esperen la parte 2 de este tutorial donde mostrare el uso de ms wxWidgets usando VisualWx. Pueden compartir este Tutorial, pero por favor srvanse mencionar las fuentes. Saludos!

Tutorial GUI con Python por Julio_C