Post on 07-Apr-2018
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 1/6
Tutorial GUI con Python por Julio_C
Program ando GUI de fo r m a fác i l en Py th on con un RAD
Este es mi primer post, es algo que quería hacer desde hace tiempo ya que noencontraba información sobre el uso de esta herramienta en español (Visualwx). Así que aquí estoy tratando de enseñar algo que estoy cultivando. Yo también reciénempiezo 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 versiónde Visualwx para GNU/Linux.
Lo primero descargar e instalar Python, la ultima versión, desde su Web oficial, siquieren saber que es aquí . Es necesario que ya conozcan la sintaxis de estelenguaje, 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 herramientaque sirve para construir GUI.
Por ultimo descargar e instalar VisualWx, la ultima versión 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 dondese puede seleccionar los diferentes tipos de proyectos que deseamos hacer, sonplatillas que ya están definidas y que nos ahorran la tarea.
En este ejemplo seleccionare WX_SDI_Python, que añadirá un wxFrame por defecto.Hacemos doble clic en MyFrame.pfr y veremos nuestra primera ventanita en tiempode diseño.
La imagen se vera así…
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 2/6
Tutorial GUI con Python por Julio_C
Ahora a ponerle un titulo, vamos a las propiedades de la ventana, para estoseleccionen este wxFrame y vayan a Properties en el lado inferior derecho
Dar doble clic en la parte blanca y se vera una ventanita donde escribirán el titulode la ventana. Yo pondre “mi ventana “.
Ahora regresamos a nuestro wxFrame, necesitamos agregar algunos wxWidgets.Seleccionamos Control y agregaremos un Static Text, que vendría a ser algo comoun Label en Visual Basic.
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 3/6
Tutorial GUI con Python por Julio_C
Le hacemos doble clic y ya estará en nuestra ventana, por defecto se ubica en laposición (0,0)
Ahora modificamos sus propiedades agregandole texto, vamos a Properties y en lapropiedad Text doble clic, agregamos “Saludo:”.
De la misma forma agregamos un Edit text y luego un Button. En este ejemplo loque haremos será; que al pulsar sobre el Botón nos muestre un saludo en la caja detexto. Tengo que recordar que estos wxWidgets son clases y que pueden ver elnombre de la clase en la ventan de propiedades.
Al final nos debe quedar así, con algunas propiedades modificadas.
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 4/6
Tutorial GUI con Python por Julio_C
Ahora vamos al código, como algunos se habrán dado cuenta, los mas distraídos no.Hay una pestaña de código pitón al lado de la de diseño solo que en la parte inferiorde nuestra ventana.
En esta ventana esta el código ya generado por VisualWx, que realmente ahorramucho el trabajo. Bien nosotros agregaremos algo de código, como saben hay queasignar los eventos a las funciones con wxWidgets en Python, pero aquí losharemos mas corto.
Regresamos a la ventana de diseño y seleccionamos nuestro botón, luego en laventana de propiedades hay una pestaña de eventos, al seleccionarlo se muestranunas letras debajo seleccionen la letra E, que corresponde a los eventos de loscomponentes y activamos el check de EVT_BUTTON
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 5/6
Tutorial GUI con Python por Julio_C
Luego regresamos a la ventana de código y buscamos esta línea.
Como ven el evento ya se ha creado, y asignado al boton. Ahora hay que agregar
código donde dice con comentarios #add your code here.
Borramos la línea donde dice return y escribimos.
self.tx4c.SetValue ("Hola a todos")
Explicamos. Self corresponde a la instancia sobre la que trabajamos es decir a lavetanita, tx4c hace referencia al objeto que se creo, derivado de la clase wxTextCtrly su propiedad SetValue, que en este caso recibe el parámetro de una cadenastring “Hola mundo”.
Ahora estamos listos. Ejecutamos la aplicación desde el menú Build – Run o solopresionamos F5.
Ya esta!!
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.
8/6/2019 Programando GUI de forma fácil en Python con un RAD
http://slidepdf.com/reader/full/programando-gui-de-forma-facil-en-python-con-un-rad 6/6
Tutorial GUI con Python por Julio_C
Espero que haya sido útil. Esperen la parte 2 de este tutorial donde mostrare el usode más wxWidgets usando VisualWx. Pueden compartir este Tutorial, pero por favorsírvanse mencionar las fuentes. ¡Saludos!
Generated by Foxit PDF Creator © Foxit Softwarehttp://www.foxitsoftware.com For evaluation only.