Windows Presentation Foundation (WPF) es una tecnología que representó un gran cambio en cuanto a interfaces gráficas se refiere, separando la capa de interfaz gráfica de la capa de código fuente. Sin embargo, a veces nos preguntamos cómo llevar a cabo cierto comportamiento en las aplicaciones, para lo que buscamos ejemplos de código fuente que nos puedan orientar sobre la implementación de ciertas características. Para que no busques más, te presento los 5 mejores ejemplos de aplicaciones WPF, que funcionan perfectamente en Visual Studio 2017.

Aplicación WPF 1: Family.Show

Una de las primeras aplicaciones que eran utilizadas para hacer demos en los keynotes del evento “Mix” (nostalgia On). Se trata de una aplicación que permite guardar el árbol genealógico de una familia, guardando fotos, nombres, fechas y demás. Una aplicación en verdad sorprendente y de la cual podemos sacar mucho provecho si estudiamos el código fuente.

Características de la aplicación:

  • Permite guardar y abrir un documento de la misma aplicación.
  • Exporta información sobre el diagrama de árbol en forma de tabla
  • Permite obtener diferentes estadísticas de la información del árbol
  • Enviar a imprimir
  • Cambiar el tema de la aplicación
  • Llevar a cabo interacciones como zoom, y filtro por año de las personas

Capturas de pantalla de la aplicación:

Cómo descargar la app y hacerla funcionar

Puedes descargar la aplicación Family.Show desde Github.

Una vez descargada, descomprimes y entras a la carapeta Family.Show-master -> 4.0 -> Source, y abres el archivo de la solución .sln.

Cuando te pregunte algo de Team Foundation Server, le das click en No, en la siguiente ventana emergente actualizas los proyectos dando click en Ok, y finalmente cambias el framework target a la versión 4.6.1. Con esto tendrás casi todo funcionando.

Si en este momento, tratas de compilar la solución, te aparecerán algunos errores

Errores en el proyecto Family.Show
Errores en el proyecto Family.Show

Para corregirlos, basta con ir al proyecto FamilyShowLib, quitar las bibliotecas que marcan un símbolo de alerta, y agregar las referencias desde nuestro repositorio de biliotecas.

Bibliotecas Family.Show
Bibliotecas Family.Show
Agregando Bibliotecas faltantes
Agregando Bibliotecas faltantes

Una vez hecho esto, tendremos una compilación exitosa, y podremos ejecutar la  aplicación sin problemas.

Aplicación WPF 2: Material Design In XAML Toolkit

Aunque no es una aplicación para uso común, esta aplicación pone a nuestra disposición el código fuente de un toolkit bastante bonito, que hace referencia al estilo de los controles en la plataforma Android. Además, se incluyen dos aplicaciones de ejemplo para que podamos ver los controles en acción.

Características de la aplicación

  • Muestra el uso del toolkit
  • Incluye alrededor de 30 controles con una interfaz tipo Material
  • Paletas de colores personalizables para toda la aplicación

Capturas de pantalla de la aplicación

Cómo descargar la app y hacerla funcionar

Puedes descargar la aplicación Material Design XAML Toolkit desde Github. No es necesario realizar ningún cambio adicional, ya que la aplicación compila satisfactoriamente una vez descargada.

Aplicación WPF 3: Screen To Gif

A mi parecer, una aplicación bastante interesante, ya que nos permite grabar nuestra pantalla, desde nuestra webcam, o incluso ¡desde un editor tipo paint!, y convertir lo que grabamos a una imagen tipo gif.

Características de la aplicación

  • Permite grabar desde nuestra pantalla, desde una webcam, o desde un editor tipo paint
  • Incluye un editor que nos permite editar la forma en la que se desplegará la imagen tipo gif
  • Funciones para editar la imagen, como redimensionar, cortar, rotar, entre otras.
  • Permite agregar texto y dibujos al gif
  • Permite realizar transiciones entre un frame y otro de la imagen gif
  • Tenemos disponibles estadísticas de la imagen que estamos editando

Capturas de pantalla de la aplicación

Cómo descargar la app y hacerla funcionar

La aplicación ScreenToGif está disponible desde Github. Cuando la ejecutes por primera vez, tal vez te lance una excepción, simplemente basta con darle continuar para ejecutar la aplicación, posteriormente, ya no te debe marcar ningún error.

screentogif
screentogif

Aplicación WPF 4: MarkPad

Esta aplicación, permite trabajar con el lenguaje de marcado Markdown, el cual convierte texto plano a xhtml. Una herramienta que inclusive puede ser utilizada para el día a día de aquellos que escriben artículos científicos, o bien, quienes se dedican al blogging.

Características de la aplicación

  • Editor legible con fuentes que facilitan la escritura de textos
  • Permite llevar a cabo la conexión con un blog para publicar el documento en dicho sitio
  • Permite múltiples pestañas, para trabajar con varios documentos a la vez
  • Se puede imprimir el documento resultante para distribuirlo
  • Permite configurar diferentes idiomas para la autocorreción de textos

Capturas de pantalla de la aplicación

Cómo descargar la app y hacerla funcionar

Puedes descargar MarkPad desde github. Si al abrir el proyecto la primera vez te pide descargar los componentes de ASP.NET v.4, puedes omitirlo.

Aplicación WPF 5: Popcorn

¿Alguna vez te has preguntado cómo funcionan las aplicaciones de streaming de torrents? ¿Te gustaría tenerlo escrito en C# en su máximo esplendor? Pues hoy es tu día de suerte. Una aplicación clon de Popcorn Time, utilizando WPF en todo su esplendor.

Características de la aplicación

  • Filtrado por categorías
  • Búsqueda de una película o programa de televisión
  • Se puede calificar la película
  • Filtrado por género

Capturas de pantalla de la aplicación

Cómo descargar la app y hacerla funcionar

Al igual que las aplicaciones anteriores, puedes descargar Popcorn desde Github. Tan solo abrirla y compilarla, se ejecuta sin problemas, el único problema es que la solución sí está pesada, por lo que tardará algo en compilar.

Extras

Aplicación WPF 6: Simple Music Player

Un ligero reproductor de música, el cual nos permite reproducir nuestras canciones favoritas.

Características de la aplicación

  • Permite tener diferentes orígenes (carpetas) desde donde podemos reproducir las canciones.
  • Tiene los elementos de cualquier reproductor de música

Capturas de pantalla de la aplicación

¿Quieres aprender a crear aplicaciones WPF bien hechas?

Mi recomendación es que te tomes tu tiempo para investigar el código fuente de la aplicación que te haya interesado, con lo que seguramente aprenderás muchísimas cosas nuevas.

Otra recomendación, que en lo personal me ha ayudado muchísimo, es leer sobre los temas que nos interesen. Mi recomendación es un libro para principiantes que te ayudará a entender los conceptos de WPF, junto con los de MVVM, patrón que necesitarás para convertirte en un excelente developer de WPF.

No olvides comentar, valorar o compartir este artículo.

¡Saludos!

¡Califica la publicación!
[Total: 2 Promedio: 5]

Dejar respuesta

Please enter your comment!
Please enter your name here