Introduccion a WPF y C# con el Modelo MVVM | Parte 1

Introduccion a WPF y C# con el Modelo MVVM | Parte 1

El dia de hoy veremos una Introduccion a WPF y C# mediante la arquitectura MVVM, sino sabes de que te hablo no te preocupes termiando de leer este Articulo lo sabras yum. Como Introduccion te digo que con estos 3 podremos crear aplicaciones atractivas a los ojos del usuario, con WPF crearemos las Vistas UI, con C# la logica de nuestra aplicacion y todo esto siguiendo una estructura que nos permita obtener lo mejor de lo mejor de estas tecnologias ( MVVM – Model/ View / View Model – ) Asi que no te desesperes vamos ya a la Informacion..

Que es WPF?

WPF ( Windows Presentation Foundation ) es una Tecnologia de Microsoft para el desarrollo de Vistas UI para el usuario Final y que tiene toda la potencia de las Aplicaciones Windows y Aplicaciones Web. Con WPF podemos desarrollar aplicaciones de apariencia visual muy atractivas para el usuario final, wpf introduce un nuevo lenguaje de marcado similar a XML llamado XAML con el cual podemos separar completamente la logica de la aplicacion de nuestras vistas.

Caracteristicas:

  • Direct3D
  • DataBinding
  • MediaServices
  • Plantillas
  • Animaciones
  • Imagenes
  • Efectos
  • Interoperabilidad

Mas informacion detallada en Wikipedia.

Como Luce el Codigo XAML? ( Obviamente tiene su asistente de Diseñador, pero te recomiendo aprenderlo )


Suscríbete!

Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.

Suscríbeme

XAML es un lenguaje completamente declarativo, esto es que el diseñador unicamente declara comportamiento y no se mete en el Codigo de la Aplicacion para el “COMO”.

Que es MVVM?

La Arquitectura Model – View – View Model es una forma de desarrollar Aplicaciones que nos permite obtener lo mejor y nos ayuda a en el proceso de Desarrollo y Mantenimiento de nuestros Proyectos. MVVM surgio despues de otros Modelos como MVC ( Modelo Vista Controlador) y MVP ( Modelo Vista Presentador ) para obtener el maximo provecho del desarrollo de Aplicaciones con WPF ( Windows Presentation Foundation ) por lo cual al desarrollar con WPF es recomendado utilizar esta Arquitectura yum

En este Modelo se Obtiene una Completa Separacion entre la Vista, el Modelo de Vista y el Modelo,

introduccion a wpf y mvvm jonathanmelgoza

 En la Vista ( View ): se realizara unicamente lo relacionado con Ventanas, controles UI, layouts y estilos. No se debe de tener codigo detras ( Code Behind ) en C# ( o VB o cualquiera ) relacionado a la vista. La vista referencia al ViewModel mediante la propiedad DataContext. Se establece el enlace de datos ( databinding ) asociado a cada Control.

En el Modelo de Vista ( ViewModel ): Encapsula la logica y datos para la Vista. Implementa Propiedades y Comandos.

En el Modelo ( Model ): Se establece la Logica del negocio y los Datos. Provee eventos y notificaciones mediante INotifyPropertyChanged y INotifyCollectionChanged. Provee control de Validacion y Error mediante IDataErrorInfo y INotifyDataErrorInfo.

Estas 3 capas son independientes una  de otra.

Como luce esta Estructura en nuestro Proyecto en Visual Studio?

introduccion a wpf y mvvm 2 jonathanmelgoza

Esceneario

Ahora que tenemos una idea de que es WPF y MVVM ahora lo que sigue sera poner en practica todo esto mediante un ejemplo que nos acerque mas a comenzar a desarrollar nuestro proyectos nosotros solos. Lo que Haremos sera una sencilla aplicacion que nos permita guardar, editar y eliminar registros, con lo cual utilizaremos Vistas, Modelos, Modelos de Vistas, databindings ( enlaces de datos ) comandos, Notificaciones y mas..

En esta parte puedes tomarte un descanso antes de comenzar si nunca habias visto este temas para que analizes bien lo aqui explicado y no te cueste mas trabajo entender lo siguiente ( se que te mueres por seguir leyendo yum ).

Como bien Mencionamos desarrollaremos una pequeña aplicacion para editar, eliminar y modificar registros utilizando WPF para las Vistas, C# para la Logica de la Aplicacion y todo estructurado mediante MVVM para obtener lo mejor, asi que comenzemos.. pero mejor aun, te dejo que estudies un poco lo aprendido hoy yum y en el siguiente desarrollaremos la aplicacion con todas las formas de enlaces de datos y mas..

Parte 2 ( Proximamente )
Referencias Hello World WPF

Introduccion a WPF y C# con el Modelo MVVM

21 Comentarios ¿Qué opinas tú del tema?

  1. daniel
  2. Angelo
  3. Jesus
  4. luis
    • Daniel
  5. Jose
  6. DAVID BERNAL
  7. eli
  8. Henry García Ospina
  9. Sebastian Greco
  10. Steven
  11. Adolfo Mujica
  12. Sergio
    • Noel Franco

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *