Playtime is over: building real apps with Xamarin.Forms
•
0 likes•175 views
We kunnen onderhand wel zeggen dat Xamarin volwassen is geworden. Het is de hobby-fase voorbij en het is genoeg doorontwikkeld om er echte apps mee te bouwen! Tijdens deze sessie zal ik laten zien hoe je gemakkelijk een architectuur opzet voor je Xamarin.Forms app compleet met MVVM, data-binding en commanding, communicatie met een REST API backend, layouts in XAML, en alles wat er verder nog binnen de tijd past.
Recommended
More Related Content
Similar to Playtime is over: building real apps with Xamarin.Forms
Similar to Playtime is over: building real apps with Xamarin.Forms (11)
Playtime is over: building real apps with Xamarin.Forms
- 1. www.bestppt.com Playtime is over building real apps with Xamarin.Forms 9 december 2016
- 4. Op de agenda… 4 1 Hoe ziet ie eruit? Wat doet ie? En jullie gaan hem fantastisch vinden! De uiteindelijke app 2 Hoe steekt die geweldige app in elkaar? Welke concepten worden er gebruikt? De architectuur 3 En hoe ziet dat er dan uit in code? Projectstructuur en uitwerking architectuur De code 4 Niet te missen NuGet packages voor het ontwikkelen met Xamarin There’s a NuGet for that… 5 Samenvatting, bedankjes, applaus en pauze houden! It’s a wrap
- 5. De uiteindelijke app 5 BudgetGaming budgetgaming.nl • Nu verkrijgbaar voor iOS • Gebouwd in Xamarin.Forms • Mobiele variant website • ~1000 gebruikers per maand
- 6. www.bestppt.com De architectuur Leuk. Maar hoe is het nou eigenlijk opgebouwd?
- 7. De architectuur 7 MVVM • Model–view–viewmodel • Architectuur patroon • Geïnspireerd door MVC • DataBinding & Commanding • Maakt gebruik van XAML
- 8. De architectuur - vervolg 8 Waarom MVVM? View View markup code WinForms, XAML, CSHTML, etc. Code-behind Data model • Moeilijk tot niet te testen • Opmaak en logica vergroeid
- 9. De architectuur - vervolg 9 Daarom MVVM! View View markup code WinForms, XAML, CSHTML, etc. Code-behind Data modelViewModel Databinding & Commands PropertyChanged
- 10. De architectuur - vervolg 10 Data-binding • Cruciaal voor MVVM • Gewone class met gewone properties • Toewijzen aan DataContext • Implementeer INotifyChanged • One-way of two-way
- 11. De architectuur - vervolg 11 FreshMvvm • Lichtgewicht • Gebouwd voor Xamarin.Forms • PageModel to PageModel navigation • Ingebouwde IoC • Open source • MvvmCross, Prism, Light Mvvm …
- 12. De architectuur - vervolg 12 BudgetGaming Website/API BudgetGaming App UI iOS UI Xamarin.Forms UI Android ViewModels Service(s) Models Shared code
- 13. De architectuur - vervolg 13 Shared code Portable Class Library Shared Project .NET Standard
- 14. www.bestppt.com There’s a NuGet for that… Met deze NuGet packages wordt het ontwikkelen nóg makkelijker
- 15. NuGet packages die we allemaal zouden moeten gebruiken! 15 Xamarin.Plugins.Settings Simple type (user) settings Xamarin.Plugins.Connectivity Network connectivity ACR.UserDialogs Alerts, loading, ActionSheets FreshMvvm Lightweight, easy to use MVVM framework PropertyChanged.Fody INotifyPropertyChanged made easy FFImageLoading Image caching, effects, etc. Polly Fluent exception handling Refit Type-safe REST library Let op! Bij Forms vaak packages ook installeren op platform project!
- 16. www.bestppt.com It’s a wrap Nog héél even volhouden…
- 17. Samenvatting 17 • MVVM is awesome • Beter testbaar • Goede architectuur bevorderd delen van code