tutorial visualwx python

8/6/2019 Tutorial Visualwx Python

http://slidepdf.com/reader/full/tutorial-visualwx-python 1/8

TUTORIAL DE VISUALWX

Y PYTHON



En esta lección crearemos un mini editor super básico que nos permitirá crear archivos yalmacenarlos en cualquier lugar así como recuperarlos.

Utilizaremos los controles Edit text MultiLinea y ToolBar y ToolBar tool.Aprenderemos como cargar imágenes utilizando el editor GUI de VisualWx.



LECCIÓN 4

Para esta lección vamos a necesitar 4 iconos o imágenes de 16x16 que nos representenlas siguientes acciones: nuevo, abrir, guardar y cerrar.

Crea una carpeta para esta lección y dentro de ella crea otra para almacenar los iconos.

Comenzaremos por crear un form al que pondremos por título “Mi Editor”. Si deseas lecambias el color, yo lo hice.

Vamos a ubicar la barra de herramientas. De la ficha Components seleccionamos lacarpeta ToolBar allí se encuentra un control con el mismo nombre “ToolBar”, doble clicpara que se ubique en el form.

Seleccionalo y cambiale el nombre a tb_herramientas.

Teniendo seleccionada la barra de herramientas agregamos el control denominado

ToolBar Tool que mostrará un pequeño cuadro en dicha barra.

A este tipo de control sólo se le pueden hacer dos cosas desde el editor: cargar laimágen y asignarle el tooltip. Esto lo llevaremos a cabo desde la ficha Propertis.

Teniendo seleccionado este control, en la ficha propiedades (propertis) hacemos clic enBitmap Tool, nos mostrará la siguiente imagen:



Teniendo esta ventana activa debemos hacer clic en el botón Res el cual nos arrojaráesta ventana

desde la cual podemos elegir el tipo de archivo (imagen) que vamos a utilizar (png, gif, jpg, etc.), para cargar la imagen debemos hacer clic en el botón que aparece con los 3puntos seguidos ... abrir la ubicación del archivo y seleccionarlo, por último clic en elbotón Ok.

Teniendo aún seleccionado este control, en la ficha propiedades asignamos a Tool Tip lapalabra Nuevo.

Repetimos las acciones anteriores (colocar el ToolBar Tool, asignar imagen, dar nombre)para los botones de abrir, guardar y cerrar con sus respectivos iconos representativos.

En edición nos debe aparecer algo así:



y ejecutado nos muestra algo parecido a esto:

Ahora asegurate de hacer clic en el form, fuera de la barra de herramientas y de la fichaComponents elegimos la carpeta Control y de allí seleccionamos Edit Text MultiLinea laubicamos de tal forma que nos ocupe todo el form y en la propiedad Name le asignamosel nombre txt_contenido.



Ahora vamos a programar los botones de la barra de herramientas, comenzaremos por elbotón nuevo:

Selecciona de la ficha Project el control denominado Tool1c, luego ve a la ficha Events,

clic en el botón E y en el evento EVT_TOOL asignamos el siguiente nombre de funcióncrea_nuevo

Buscamos la función y digitamos:

def crea_nuevo(self,event): #init function#add your code hereself.FileName = Noneself.txt_contenido.Clear()return #end function

Repetimos el procedimiento anterior asignando un nombre para cada funcióndependiendo el botón. Estos son los códigos de cada botón:

def abre_archivo(self,event): #init function#add your code heredlg = wx.FileDialog(self, "Abrir archivo", ".", "", "*.*", wx.OPEN)try:

if dlg.ShowModal() == wx.ID_OK:filename = dlg.GetPath()self.txt_contenido.LoadFile(filename)self.FileName=filename



self.SetTitle(('Mi Editor - %s') % filename)finally:

dlg.Destroy()

def guarda_archivo(self,event): #init function#add your code heredlg = wx.FileDialog(self, "Guardar como", ".", "", "*.*", wx.SAVE)try:

if dlg.ShowModal() == wx.ID_OK:filename = dlg.GetPath()self.txt_contenido.SaveFile(filename)self.FileName=filenameself.SetTitle(('Mi Editor - %s') % filename)

finally:dlg.Destroy()

return #end function

def salir_editor(self,event): #init function#add your code hereself.Close()return #end function

Ahora sólo queda probar el programa, ejecutalo y ensaya creando un texto pequeño yguardalo en algún lugar, luego trata de recuperarlo o abre otro archivo.

Y ya está.

tutorial visualwx python

Documents