Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Conceptos básicos
Conceptos básicos
Conceptos básicos
Implementando MVVM
Conceptos básicos
View
User Interface
Navigate to views
Interaction layer

ViewModel
Application logic
Service calls
Data management

Model
...
private static HueClientViewModel hueClientVM = null;
public static HueClientViewModel HueClientVM
{
get{
if (hueClientVM ...
<Application x:Class="Hue_Demo_Phone.App“ ...
xmlns:vm="clr-namespace:Hue_Demo_Phone.ViewModels">
<Application.Resources>
...
Consejos personales
Fuente: http://www.slideshare.net/soreygarcia/planificando-las-bases-de-una-aplicacin-windows-phone
ADD/MODIFY
TASK

SPLASH

TASK S LIST

SETTINGS

PRODUCTIVITY REPORT

ABOUT
class Class Model

MainView Model
«binding»

«binding»

Task's List
«boundary»

CategoryView Model

TaskView Model

Add/Mo...
class Class Model

MainView Model
+
+

SelectedTask :TaskViewModel
TasksByCategory :ObservableCollection<CategoryViewModel...
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Introducción a XAML y MVVM
Upcoming SlideShare
Loading in …5
×

Introducción a XAML y MVVM

7,148 views

Published on

  • Be the first to comment

Introducción a XAML y MVVM

  1. 1. Conceptos básicos
  2. 2. Conceptos básicos
  3. 3. Conceptos básicos
  4. 4. Implementando MVVM
  5. 5. Conceptos básicos
  6. 6. View User Interface Navigate to views Interaction layer ViewModel Application logic Service calls Data management Model Simple representation of data No logic or functionality View (XAML) Data Bindings Commands ViewModel Model
  7. 7. private static HueClientViewModel hueClientVM = null; public static HueClientViewModel HueClientVM { get{ if (hueClientVM == null) hueClientVM = new HueClientViewModel(); return hueClientVM; } } public HueClientView() { InitializeComponent(); this.DataContext = App.HueClientVM; }
  8. 8. <Application x:Class="Hue_Demo_Phone.App“ ... xmlns:vm="clr-namespace:Hue_Demo_Phone.ViewModels"> <Application.Resources> <vm:HueClientViewModel x:Key="HueClientVM" /> </Application.Resources> <phone:PhoneApplicationPage ... "DataContext="{StaticResource HueClientVM}">
  9. 9. Consejos personales
  10. 10. Fuente: http://www.slideshare.net/soreygarcia/planificando-las-bases-de-una-aplicacin-windows-phone
  11. 11. ADD/MODIFY TASK SPLASH TASK S LIST SETTINGS PRODUCTIVITY REPORT ABOUT
  12. 12. class Class Model MainView Model «binding» «binding» Task's List «boundary» CategoryView Model TaskView Model Add/Modify Task «boundary» Fuente: http://www.slideshare.net/soreygarcia/planificando-las-bases-de-una-aplicacin-windows-phone
  13. 13. class Class Model MainView Model + + SelectedTask :TaskViewModel TasksByCategory :ObservableCollection<CategoryViewModel> TaskView Model CategoryView Model + + + Identifier :int Name :string Tasks :ObservableCollection<TaskViewModel> + + + + + Identifier :int Name :string PlannedDate :DateTime Pomori :int Status :TaskStatus + + Delete() :void Save() :void

×