Introducción a MvvMCross en el evento solidario Talks4Kids

1. TALKS 4 KIDS

2. TALKS 4 KIDS 2015 con Fundación Theodora

3. Patrocinadores
Colabora

4. TALKS 4 KIDS
MvvMCross
para dominarlos a todos
RafaSernaMedina
@rafasermed
rafaserna@outlook.com

5. Istar en La Tierra Media.
Organizador de grupos itinerantes.
Mago Blancoen proceso de convalidación
@gandalfgris
info@mithrandir.com
Gandalf(Mithrandir)

6. Product Manager enSDM Programas
MVP Windows Platform Development.
Nokia Developer Champion
@rafasermed
rafaserna@outlok.com
Rafa SernaMedina

7. Mvx es un framework gratuito y open source
Soporta múltiples plataformas:
• WPF
• MAC
• Windows Phone
• Windows Store
• iOS
• Android
MvvMCrossconocidocomoMvx

8. MVVMen Xamarin classics
Específico de la
Plataforma
Cross Platform
View
ViewModel
Model
Propiedades
Comandos
Notificación de
cambios
C#
Models
View
View
PCL

9. Parte Comun:
- Creamos una clase que herede de MvxViewModel
- Añadimos las propiedades públicas que necesitamos
- App.cs > Registrar Viewmodels y Servicios
MVVMen Xamarin classics

10. Android:
- Crear una clase por vista que herede de MvxActvity
- Sobreescribir OnCreate indicando el layout asociado
- El enlace entre View y ViewModel se realiza por convención de nombre
- HomeView  HomeViewModel
- También podemos forzar la ViewModel con el atributo MvxViewFor
- [MvxViewFor(typeof(FirstViewModel))]
- Añadimos un layout AXML de Android y creamos los enlaces de la UI
MVVMen Xamarin classics

11. iOS:
- Crear una clase por vista que herede de MvxViewController
- Sobreescribir ViewDidLoad y crear la Interfaz por código c#
var textEditFirst = new UITextField(new RectangleF(0, 0, 320, 40));
var set = this.CreateBindingSet<FirstView, FirstViewModel>();
set.Bind(textEditFirst).To(vm => vm.FirstName);
- El enlace entre View y ViewModel se realiza por convención de nombre
- HomeView  HomeViewModel
- También podemos forzar la ViewModel con el atributo MvxViewFor
- [MvxViewFor(typeof(FirstViewModel))]
MVVMen Xamarin classics

12. Windows Store/Windows Phone:
- Crear páginas que hereden de MvxWindowsPage/MvxPhonePage
- Usar bindings con expresiones XAML
- El enlace entre View y ViewModel se realiza por convención de nombre
- HomeView  HomeViewModel
- También podemos forzar la ViewModel con el atributo MvxViewFor
- [MvxViewFor(typeof(FirstViewModel))]
MVVMen Xamarin classics

13. • Inyección de dependencias. (Mvx.Register<>, CreatableType(), Mvx.IocConstruct<>())
• Notificaciones de cambios: RaisePropertyChanged(() =>)
• Objetos bindeables en Android e iOS (<Mvx.MvxListView />)- MvxBind:
• Comandos: MvxCommand
• Navegación: ShowViewModel<>
MVVMen Xamarin classics

14. DEMOTIME!!

15. GRACIAS!!

16. Agenda
09:30– 09:45 Keynote Josue Yeray
09:45– 10:15 Windows 10:La comunidad del core RubenFernandez
10:15– 10:45 TheBig Cloud Theory Alejandro Campos
10:45– 11:15 Bailando con monos Josue Yeray
11:15– 11:45 Coding4Fun 2.4 BrunoCapuano
11:45– 12:15 Consejos Heisenberg para conseguir Apps Win10con 99%de pureza JavierSuarez
12:15– 12:30 DESCANSO
12:30– 13:00 El lado oscuro dela nube Alberto Diaz
13:00– 13:30 MVVMCross para gobernarlos a todos Rafa Serna
13:30– 14:00 Por qué los Espartanos molan y Gerges debe morir Santiago Porras
14:00– 14:30 Confía en la fuerza Luke CianiAfonso