Visor imágenes - WPF

Bienvenid@ lector/a, en esta nueva entrada veremos una actualización de la aplicación para crear una aplicación, en una entrada anterior realizamos un visor de imágenes desarrollado bajo la infraestructura de Windows Form. Ahora sin embargo esta aplicación la migraremos a la infraestructura WPF, con el fin de mostrar algunas de las ventajas que nos ofrece esta nueva tecnología las cuales son:
  • Mayor adaptabilidad.
  • Diseño adaptivo.
  • Menos complejidad.

Al igual que la aplicación de Windows Form esta constara de las siguientes funcionalidades
  • Cargar múltiples imágenes.
  • Borrar imagen que se está viendo.
  • Copiar imagen al porta papeles de Windows.
  • Definir como fondo de pantalla.
  • Adaptar la imagen al tamaño del visor.
  • Ventana auto ajustable.
Puedes encontrar la versión en Windows Form, dirigiéndote al siguiente LINK.

Para comenzar veremos el diseño principal de la aplicación el cual se asemeja en cierta forma al original creado bajo la tecnología de Windows Form. Este diseño consta de un visor, botones laterales que servirán para ir pasando de imagen en imagen, en la parte baja se encuentran todos los botones que le darán la funcionalidad a la aplicación.

Imagen 1. Diseño de la aplicación.




En la Imagen 2, se puede apreciar que se pueden seleccionar múltiples imágenes, estas imágenes sin embargo deben poseer una misma extensión ya que cuando se abre el buscador de archivos se hace mediante un filtro que se aplica a los archivos esto para ser más cómoda la navegación por las diferentes carpetas de nuestro sistema operativo.

Imagen 2. Carga múltiples imágenes.

En la Imagen 3 se puede apreciar las imágenes que se visualizan perfectamente, teniendo la opción de implementar todas las funciones que la parte inferior sin mayores impedimentos.

Imagen 3. Vista de imágenes cargadas.

Además de solo aplicar funcionalidades bajo el mismo visor de imágenes, este consta de una función para copiar la imagen a la porta papeles permitiendo que se pueda usar en otras aplicaciones tales como Microsoft Word, o algún programa de edición de imágenes que estén presentes en nuestro sistema operativo.

Imagen 4. Utilizando el porta papales.

A continuación se desglosaran algunas de las funcionalidades, mencionando lo importancia del fragmento como lo que realiza.



 Desarrolado en Visual Studio 2015
Link GitHub https://github.com/RobertCalbul/Visor_Imagen_WPF



Este sitio fue creado en primera instancia como un lugar donde ir acumulando información y/o apuntes que considere de utilidad para un futuro cercano, pero a medida que ha avanzado el tiempo este lugar se a vuelto un punto de encuentro para muchas personas que se están iniciando en el mundo de la programación, es por eso que si estás leyendo esto estas invitado a participar en de esta comunidad que día a día va creciendo. Si estás dispuesto a cooperar te sugiero que dejes tus inquietudes, dudas o aportes en la caja de comentario de cualquiera de las entradas del blog o haciendo directamente desde el formulario de contacto que puede encontrar en la página de inicio y responderé a la brevedad.

Comentarios

Publicar un comentario

Deja tus comentario

Entradas más populares de este blog

Convertir decimal a binario, octal y hexadecima

     style="display:inline-block;width:728px;height:90px"      data-ad-client="ca-pub-5126364088863607"      data-ad-slot="9520827110"> Bienvenid@ lector/a, en esta nueva entrada que será algo pequeña, mostrare el procedimiento de c onversión de números a base binaria, octal y decimal . Este ejemplo es en java pero puedes encontrar un ejemplo actualizado bajo la tecnología c# visitando el siguiente enlace Convertir decimal a binario, octal y hexadecimal c#. import java.util.Scanner; public class Ejemplo1 {     public static void main(String[]args){         Scanner leer = new Scanner(System.in);         System.out.print("Ingrese una cifra: ");         int cifra = leer.nextInt();         System.out.print("\nbinario:\t");         binario(cifra);         System.out.print("\noctal:\t\t");         octal(cifra);         System.out.print("\nHexadecimal:\t");         hexadecimal(cifra);         }
Ver Entrada Completa »

Juego del gato

Imagen
    Bienvenid@ lector/a, en esta nueva entrada mostrare como crear el juego del gato o tres en línea, es un juego de lápiz y papel bastante sencillo jugado entre 2 jugadores y estos son representados por X o O, los cuales van dejando su marca por los espacios vacios de un tablero de 3x3.     Para mas información al respecto http://es.wikipedia.org/wiki/Tres_en_l%C3%ADnea     A continuación se verá el paso a paso para crear el mini-juego con VisualC# en la plataforma Visual Studio 2013 con la tecnología WPF.     Primero que todo debes de crear una nueva solución, en el siguiente link encontraras el paso a paso de cómo crear una nueva aplicación o solución wpf con VisualC# Primera aplicacion WPF.     A continuación en nuestro escritorio de desarrollo debemos de dar la resolución mínima y máxima de la ventana, para este prototipo será de 330 x 350, esto es para que la grilla pueda dividirse en regiones iguales. Imagen 1
Ver Entrada Completa »

Mostrar texto en ventana pygame

Para mostrar un texto en una ventana de pygame es muy sencillo lo primero es importar las librerias necesarias import pygame from pygame.locals import * import sys se define el alto y ancho de la ventana que se va a utilizar WIDTH = 640 HEIGHT = 480 se inicia pygame pygame.init()     # creamos la ventana y le indicamos un titulo: screen = pygame.display.set_mode((WIDTH, HEIGHT)) pygame.display.set_caption("tutorial pygame parte 4")     # se define la letra por defecto fuente = pygame.font.Font(None, 20) se setea el texto a mostrar en una variable text = "Hola mundo impreso" luego se crea una variable que contendra el mensaje y el colo en este caso blanco (255,255,255) mensaje = fuente.render(text, 1, (255, 255, 255)) se muestra en el screen el mensaje en la posicion x,y (15,10) screen.blit(mensaje, (15, 10)) se actualiza la ventana pygame.display.flip()
Ver Entrada Completa »