Creando un visor de imágenes con WPF

WPF 

¿Cuántas fotografías realizas en verano o en vacaciones?. ¿Cómo las ves o cómo te gustaría verlas?.

Durante este verano y en concreto durante las vacaciones me he visto tentado en crear un visor de imágenes desarrollado en WPF, pero la verdad, es que entre la pereza y otras tareas que me han consumido el tiempo y la paciencia, digamos que he desistido, y menos mal, porque por suerte y antes de empezar se me ocurrió investigar si alguien había hecho lo que se me estaba ocurriendo y como suele ser habitual, ya había un friki mayor que yo (os aseguro que no soy tan friki y por eso casi siempre voy a rebufo en estas cosas) y me encontré con varios recursos que habían abordado el tema. Imaginaros reinventar la rueda… como que no ¿verdad?.

En primer lugar, comentaré un recurso basado en Flash que me encanta, aunque le he encontrado un par de inconvenientes como por ejemplo que no acepta caracteres «extraños» como la querida ñ o las tildes y que me gustaría incluso que hubiera una herramienta que facilitara la creación del documento XML que recoje el Flash para crear el texto que superpone en las fotografías. Cachis…, pero entre sus cosas a favor está que es gratis, es facilísimo de usar y que apenas tardas un par de minutos en dominarlo al 100%. Este es de largo, el recurso que más me gusta, aunque querría tenerlo en WPF para Web (Silverlight) o para Windows. Para que veáis de lo que os hablo, podréis accede a AutoViewer, que así se llama este recurso, en este enlace.

Pero… sobre Flash y visores de imágenes, podemos encontrar «chorrocientos» programas, unos de pago, otros gratuitos como el que os comentaba anteriomente, etc., ¿pero y basados en WPF?.

Pues que sepáis que están apareciendo como las setas, y para muestra los que os traigo a continuación (con su código fuente incluido). 🙂

Por un lado, Kent Boogaart, ha creado una utilidad que se llama Intuipic. Es un visor de imágenes que está distribuyéndose en su versión 1.4.0. Incluye su código fuente y su distribución se realiza por ClickOnce. Es un visor muy sencillo y muy chulo (cool que dirían los angloparlantes). Es muy fácil de usar, pero lo que echo de menos es el poder poner algún texto de descripción o título a la imagen como podía hacer con AutoViewer usando un documento XML. Podréis acceder a la página Web de este proyecto en este enlace.

Por cierto, ¿sabíais que en los recursos y ejemplos de código de Microsoft hay muchas cosas interesantes?. Voilá, efectivamente. Una de esas «cosas» intererantes es un ejemplo de un visor de imágenes echa en WPF. Genial ¿verdad?. El WPF Photo Viewer Demo puede ser descargado desde este enlace. Se trata de un ejemplo muy claro a la vez que sencillo de un visor de imágenes. No es gran cosa porque le falta agregar algunas funcionalidades que toda aplicación que se precie debería llevar, pero es muy clarificador en cuanto a la explicación de cómo hacer un ejemplo de este tipo.

Pero en todo esto de los visores de imágenes, algunos se acuerdan de programas y webs dedicadas a esto. Un ejemplo, la aplicación Picasa de Google. ¿Os imagináis algo similar en WPF?. Pues sí, también podéis acceder a esta información y por supuesto, a su código fuente. La información la encontraréis en este enlace. Este ejemplo se acerca un poco más a lo que quiero conseguir, pero por otro lado, se aleja de lo que busco. De hecho, mi idea de visor de imágenes se adecúa más con el ejemplo de Flash que cité en primer lugar… está claro que cada uno tiene sus gustos y preferencias.

Sin embargo, en todo esto, lo peor no son los ejemplos, eso está muy bien, pero imaginaros que somos novatos… ¿cuánto tardaréis en entender como se hace una aplicación si nos dan todo ya hecho y apenas dos nociones para empezar?. ¡Ojalá tuviera un ejemplo tipo paso a paso!. ¡Pues también está disponible!. Existe un ejemplo de paso a paso que aún está en fase de desarrollo y que nos indica más o menos cómo crear un visor de imágenes en WPF. Se trata de un modelo ideal para principantes… repito… IDEAL. Podréis acceder a este recurso en este enlace. No os olvidéis que es un tutorial inacabado (de momento, porque la última actualización es de hoy mismo).

Por cierto,… si alguien se anima en hacer su visor de imágenes, que lo comparta, que así todos salimos ganando. 😉