Data-Binding

Transcript

1. Data Binding
2. INotifyPropertyChanged
3. Typical ViewModel Property
4. One Way Binding PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989
5. UI Syntax
6. Two Way Binding PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989
7. UI Syntax
8. Value Conversion PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Age 24 “Age” Conversion
9. IMvxValueConverter
10. AgeValueConverter
11. UI Syntax
12. UI Syntax
13. Binding Actions PersonViewModel FirstName LastName DateOfBirth First Name Jon Last Name Doe Date of birth 12/07/1989 AddCommand
14. ICommand
15. Typical ViewModel Command
16. UI Syntax
17. Collections PeopleViewModel Hackers List<PersonViewModel> Greg Jon Daniel Cool Hackers Jon @redth Greg @gshackles Daniel @dsplaisted Tomasz Tomasz @cheesebar
18. INotifyCollectionChanged
19. ObservableCollection
20. ViewModel Collection Property
21. UI Syntax
22. UI Syntax
23. UI Syntax
24. UI Syntax
25. Data-Binding to Sub-Objects • Works using normal . and [] chaining: • obeys INotifyPropertyChanged at every step
26. Samples DataBinding: https://github.com/slodge/MvvmCross-Tutorials/tree/master/TipCalc Collections: https://github.com/slodge/MvvmCross- Tutorials/tree/master/Working%20With%20Collections ValueConverters: https://github.com/slodge/MvvmCross- Tutorials/tree/master/ValueConversion