Los 5 mejores ejemplos de aplicaciones WPF con código fuente que funcionan con Visual Studio 2019

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 2019.

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
Presiona la imagen para ver el resultado

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: WPFDesigner

¿Te gustaría saber cómo crear tu propio diseñador XAML? Con este proyecto, tendrás la guía suficiente para realizarlo, ya que, es un repositorio que muestra la implementación de un diseñador de código XAML visual, un proyecto complejo pero que sin duda, vale la pena.

Características de la aplicación

  • Visualización de Controles en tiempo real
  • Árbol jerárquico de elementos
  • Panel de propiedades de los controles
  • Editor visual y de código XAML

Capturas de pantalla de la aplicación

Cómo descargar la app y hacerla funcionar

Al igual que las aplicaciones anteriores, puedes descargar WPFDesigner 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.

¿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.

De igual forma, te recomiendo estos súper cursos que tienen un súper descuento en estos momentos, te recomiendo ¡no dejes pasar la oportunidad!:

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

¡Saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada.