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

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

Introduccion a WPF y C# con el Modelo MVVM | Parte 1
5 (100%) 1 voto

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 )

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

Introduccion a WPF y C# con el Modelo MVVM | Parte 1
5 (100%) 1 voto

20 Comentarios ¿Qué opinas tú del tema?

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

Dejar un comentario

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