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 )


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

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

21
Dejar un comentario

avatar
15 Comment threads
6 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
17 Comment authors
danielJonathan MelgozaAngelodanielDaniel Recent comment authors
  Subscribe  
Notify of
daniel
Guest
daniel

Me he quedado con el caramelo en la boca..
03/05/2017

Parecía un manual a seguir pero no.. 🙁

Angelo
Guest
Angelo

Para cuando la segunda parte, ya casi han pasado tres años y nada, estoy ansioso por verlo. Saludos

daniel
Guest
daniel

muy explicativo tu introduccion a wpf y mvvm, alguna vez has tenido la locura de hacer algo de wpf con mvc y con arquitectura de capas con entidades?, extrañamente llegaron a mi consultandome eso, y no tenia idea, tu has hecho algo asi?

Jesus
Guest
Jesus

Saludos, muy buen articulo, pero para cuando estarán las siguientes partes ?

luis
Guest
luis

se ve interessenta a la espera de los demas tutos 🙂 buen tema 😀

juan prado
Guest
juan prado

Intyeresante tu post donde encuentro la continuacion

Daniel
Guest
Daniel

Esta parte la publicaste el 2014… Estamos a 2016 y aún nada con la parte práctica? :/

Juan prado
Guest
Juan prado

Comonestas amigo muy interesante tu post, donde veo la continuacion

Jose
Guest
Jose

;((.. Sube la segunda parte plis ).

Esta genial tu tutorial.

Gracias.

DAVID BERNAL
Guest
DAVID BERNAL

Hola Jonathan. Soy David de Argentina, estudiante de Sistemas . Estoy haciendo un trabajo para la facultad, y estaría precisando un ejemplo fácil de un CRUD en WPF usando el patrón MVVM. Estoy utilizando Visual Studio 2015 con .NET FrameWork 4.0. La idea es que tenga acceso a datos en SQL Server Express.
Te agradecería muchisimo, si tenes uno para pasarme.

Abrazo. Saludos!!

eli
Guest
eli

Gracias!, muy bien explicado, ¿donde puedo ver la segunda parte?

Henry García Ospina
Guest
Henry García Ospina

Jonathan, buenas tardes, en la actualidad estudio ingenieria de sistemas y trabajo en el area de soporte, procximamente me van a dar la oportunidad de trabajr en el area de desarrollo y necesitaba una buena orientación lo mas estandar posible para aplicaciones web en tres capas que maneje el CRUD y maestro-detalle. ¿Hay alguna publicación suya con el tema?.

Atentamente,

Henry Garcia O
Est Ing de Sistemas

Sebastian Greco
Guest
Sebastian Greco

Excelente articulo, vas a continuar con las siguientes partes?, esperamos con ancias. Gracias.

Steven
Guest
Steven

Ey amigo muy buen post… Cuando harás la segunda parte ???……..

Adolfo Mujica
Guest
Adolfo Mujica

Hola Jonathan, pregunta …. si el darás seguimiento a este articulo ??

Me estoy iniciando en esto y se me hace un tea muy interesante.

Saludos y gracias por tus comentarios.

Jonathan Melgoza
Guest
Jonathan Melgoza

Adolfo Mujica,

Claro, he estado algo ocupado pero en algunos dias dare seguimiento

Saludos y gracias por tu comentario!

Sergio
Guest
Sergio

Claro y conciso.
Para cuando la parte II?

Jonathan Melgoza
Guest
Jonathan Melgoza

Hola Sergio,

Espero que no pase de este fin de semana de vacaciones 😉 estoy pensando en dividirlo en 3 partes ya que es un tema algo largo :/ pero bastante interesante 😛

Saludos!

Noel Franco
Guest
Noel Franco

Hola! seguimos esperando! 😀
gracias! 🙂