Visor de Imágenes Simple con PyGTK
Dado que alguien me pidió vía twitter un ejemplo de cómo hacer un zoom de una imagen en PyGTK, hice este ejemplito sencillo que sólo carga una imagen en un widget Gtk.Image.
Maneja el movimiento de la imagen con el mouse, las teclas del cursor y hace zoom con F1 («0 o adaptar a ventana»), F2 (+25%), F3 (+50%), F4(+75%) y F5(«%+100 o 1:1»).
#!/usr/bin/env python # -*- coding: utf-8 -*- """ SimpleImageViewer - Visor simple de imágenes, de ejemplo, que utiliza PyGTK. Marcelo Fidel Fernández - http://www.marcelofernandez.info Licencia: BSD. Disponible en: http://www.freebsd.org/copyright/license.html TODO: * Dar la opción de usar el scroll del mouse para hacer zoom. * Mejorar el código y peformance (quizás). """ import os import sys import pygtk pygtk.require('2.0') import gtk # Variables globales para el ejemplo; podrían ir en un archivo de configuración, # como por ejemplo 'config.py' e importarlo. # Mapeo de teclas - Ver constantes en el modulo gtk.keysyms import gtk.keysyms as kb # Estructura: teclas (en mayúscula, contempla minúsculas también) # (offset_X_pixeles, offset_Y_pixeles) OFFSET_GRAL = 50 MOVE_KEYS = { kb.Up : (0, -OFFSET_GRAL), # Arriba kb.Down : (0, OFFSET_GRAL), # Abajo kb.Right : (OFFSET_GRAL, 0), # Derecha kb.Left : (-OFFSET_GRAL, 0), # Izquierda } # Estructura: tecla: nivel de zoom (zoom_ratio) ZOOM_KEYS = { kb.F1: 0.0, kb.F2: 25.0, kb.F3: 50.0, kb.F4: 75.0, kb.F5: 100.0, } DEFAULT_IMAGE = '/usr/share/backgrounds/Cherries.jpg' class SimpleImageViewer: def __init__(self, image_file): self.window = gtk.Window(gtk.WINDOW_TOPLEVEL) self.window.connect("delete_event", self.close_application) self.window.set_position(gtk.WIN_POS_CENTER_ALWAYS) self.window.set_default_size(800, 600) self.pixbuf = gtk.gdk.pixbuf_new_from_file(image_file) self.ancho_pixbuf = float(self.pixbuf.get_width()) self.alto_pixbuf = float(self.pixbuf.get_height()) self.image = gtk.Image() self.image.set_from_pixbuf(self.pixbuf) self.viewport = gtk.Viewport() # No están por defecto, los agrego self.viewport.add_events(gtk.gdk.BUTTON_RELEASE_MASK | gtk.gdk.BUTTON1_MOTION_MASK) self.viewport.connect('button-press-event', self.on_button_pressed) self.viewport.connect('button-release-event', self.on_button_released) self.viewport.connect('motion-notify-event', self.on_mouse_moved) # Lo conecto a la ventana, ya que siempre tiene el foco self.window.connect('key-press-event', self.on_key_press) self.viewport.add(self.image) self.scrolled_wnd = gtk.ScrolledWindow() self.scrolled_wnd.add(self.viewport) self.window.add(self.scrolled_wnd) self.window.show_all() def _update_image(self, zoom_ratio): """ Updates the image in the widget according to the zoom_ratio Actualiza la imagen en el widget Image con el zoom_ratio de parámetro """ # TODO: Prioriza que encaje el ancho por sobre el alto de la imagen # al estar maximizado. Mejorar. # Obtengo las dimensiones actuales del viewport rect = self.viewport.get_allocation() # Resize de la imagen conservando las proporciones de la imagen if self.ancho_pixbuf > self.alto_pixbuf: base = self.ancho_pixbuf - rect.width ancho = int(rect.width + (base * (zoom_ratio/100))) relacion = (self.alto_pixbuf*100)/self.ancho_pixbuf alto = int(ancho * relacion/100) else: base = self.alto_pixbuf - rect.height alto = int(rect.height + (base * (zoom_ratio/100))) relacion = (self.ancho_pixbuf*100)/self.alto_pixbuf ancho = int(alto * (relacion/100)) scaled_buf = self.pixbuf.scale_simple(ancho, alto, gtk.gdk.INTERP_BILINEAR) self.image.set_from_pixbuf(scaled_buf) def _move_image(self, offset_x, offset_y): """ Moves the image inside the viewport to the specified offset (+ or - pixels) Mueve/Desplaza la imagen del viewport según el offset que se le especifique """ vport = self.viewport xadjust = vport.props.hadjustment newx = xadjust.value + offset_x yadjust = vport.props.vadjustment newy = yadjust.value + offset_y # Si las cosas están dentro de los bordes, seteo if (newx >= xadjust.lower) and \ (newx <= (xadjust.upper - xadjust.page_size)): xadjust.value = newx vport.set_hadjustment(xadjust) if (newy >= yadjust.lower) and \ (newy <= (yadjust.upper - yadjust.page_size)): yadjust.value = newy vport.set_vadjustment(yadjust) def on_key_press(self, widget, event): """ Callback to handle the keys pressed in the main window Callback que maneja las teclas que se presionan en la ventana """ keycode = gtk.gdk.keyval_to_upper(event.keyval) newx = newy = 0 if keycode in MOVE_KEYS.keys(): offset_x, offset_y = MOVE_KEYS[keycode] self._move_image(offset_x, offset_y) elif keycode in ZOOM_KEYS.keys(): self._update_image(ZOOM_KEYS[keycode]) else: return False return True # Con True cancelo el evento def on_mouse_moved(self, widget, event): """ Callback to the mouse movement inside the viewport Callback que es llamado cuando el mouse se mueve en el viewport """ # Ver: http://www.pygtk.org/pygtk2tutorial-es/sec-EventHandling.html if event.is_hint: x, y, state = event.window.get_pointer() else: state = event.state x, y = event.x_root, event.y_root if state & gtk.gdk.BUTTON1_MASK: offset_x = self.prevmousex - x offset_y = self.prevmousey - y self._move_image(offset_x, offset_y) self.prevmousex = x self.prevmousey = y def on_button_pressed(self, widget, event): """ When the user presses the left mouse button, save the x and y pixel positions, and change the cursor. Cuando el usuario presiona el botón izquierdo, guardo los puntos x, y de origen del evento y cambio el cursor a "moviéndose". """ if event.button == 1: self.change_vport_cursor(gtk.gdk.Cursor(gtk.gdk.FLEUR)) self.prevmousex = event.x_root self.prevmousey = event.y_root return True def on_button_released(self, widget, event): """ When the user releases the left mouse button, set the normal cursor. Cuando el usuario suelta el botón izquierdo, vuelvo el cursor al normal """ if event.button == 1: self.change_vport_cursor(None) return True def change_vport_cursor(self, type): self.viewport.window.set_cursor(type) def close_application(self, widget, event, data=None): gtk.main_quit() return False if __name__ == "__main__": if len(sys.argv) > 1 and os.path.exists(sys.argv[1]): image_file = sys.argv[1] else: image_file = DEFAULT_IMAGE SimpleImageViewer(image_file) gtk.main() |
Queda pendiente manejar el scroll del mouse para hacer zoom (ya que GTK mueve el gtk.Scrollwindow que contiene la imagen por defecto). Si bien funciona copiando y pegando esto en un archivo, también pueden descargar el ejemplo desde acá.
Espero que le sirva a alguien. 🙂
Actualización: ¡Gracias StyXman por la comparativa con PyQT! Ahí agregué la licencia y sobre el código… bueno, sólo agregar que es un ejemplo, la idea era hacer el código verborrágico apropósito. Por otra parte, y como conclusión personal, veo que QT tiene una clase QGraphicsView que maneja solito el tema del arrastrar y mover la imagen (eso lleva unas cuantas líneas en GTK). 🙂
Saludos
Muy bueno! Me encanta ver códigos y ejemplos de PyGTK!
¡Gracias!
Saludos
hey es interesante
yo quiero hacer algo parecido pero que cuando la imagen llega al borde de la ventana se pueda seguir desplazando
como si se saliera de la pantalla
no se si se entiende
poder moverla libremente y no solo hasta los bordes
es posible?? me das una pista?
gracias
Traceback (most recent call last):
File «C:/Users/Kioko/Desktop/MIJAIL/Inter.py», line 17, in
import pygtk
ImportError: No module named pygtk
me aparece este error, pero yo ya instale el pygtk 2.7, por q de esa version es mi python, pero = no me funciona me sigue apareciendo el error de arriba.
por favor ayudenme, lo q yo estoy haciendo es utilizar una camara que deberia de tomar fotos seguidas ni bien existe algun movimiento, asta el momento solo captura la imagen ni bien se prende la camara ,no logre q tome las fotos cuando aiga moviento.
bueno solo el codigo q tengo le estoy intentando poner un en una interfaz grafica para q se vea mejor, pero aun nose como, y estaba probando el tuyo, y no e funciona.
Hola Karen,
Te está faltando instalar PyGtk. Si estás en Windows es medio complicado (si bien funciona ahí es algo laborioso), por lo que dado que estás empezando, te sugiero que utilices otro toolkit gráfico para Python. Como hay varias, te sugiero que veas esta página donde hay una comparativa:
http://python.org.ar/pyar/InterfacesGraficas
Yo te sugeriría que mires PyQT o wxPython, y que te presentes en la lista de correo de Python Argentina para que ahí entre todos te demos una mano.
La página del grupo es:
http://python.org.ar/pyar/
Para suscribirte a la lista:
1. Mandá un mail a pyar-subscribe@python.org.ar
2. Mandá tu «Hola mundo» a pyar@python.org.ar para que todos los suscriptos a la lista te den la bienvenida.
(El paso 2. es opcional, pero muy bienvenido. Ha generado algunas de las conversaciones más interesantes de la lista…)
Saludos!