Правильный Xamarin для мобильных приложений (Microsoft DevCon School 2016) [RUSSIAN]
Download as PPTX, PDF•0 likes•311 views
Документ содержит информацию о мероприятии #msdevcon, включая программу интенсива по разработке приложений с использованием Xamarin.Forms. Участники приглашены заполнить анкету для улучшения качества мероприятия и могут ожидать приятный сюрприз за это. Программа включает теоретическую часть, практические занятия и круглые столы с экспертами, охватывающие архитектуру приложений и работу с REST API.
![Правильный Xamarin для мобильных приложений (Microsoft DevCon School 2016) [RUSSIAN]](https://image.slidesharecdn.com/devconschoolxamarinchernikoff-170224134736/85/Xamarin-Microsoft-DevCon-School-2016-RUSSIAN-1-320.jpg)
![Полезные ресурсы
#msdevcon
Улучшения
-- FFImageLoading
<ffimageloading:CachedImage DownsampleToViewSize="true"
Source = "http://loremflickr.com/600/600/nature?filename=simple.jpg">
</ffimageloading:CachedImage>
-- ListView caching
<ListView CachingStrategy="RecycleElement">
-- XamlC, AssemblyInfo.cs
[assembly: XamlCompilation(XamlCompilationOptions.Compile)]](https://image.slidesharecdn.com/devconschoolxamarinchernikoff-170224134736/85/Xamarin-Microsoft-DevCon-School-2016-RUSSIAN-14-320.jpg)
![Json.Net и DTO
public class Session {
[JsonProperty("title")]
public string Title;
}](https://image.slidesharecdn.com/devconschoolxamarinchernikoff-170224134736/85/Xamarin-Microsoft-DevCon-School-2016-RUSSIAN-16-320.jpg)
![Refit
public interface IRemoteApi
{
[Get("/sessions")]
Task<List<Session>> GetSessions();
}
var service =
RestService.For<IRemoteApi>("https://demo3143189.mockable.io");
var sessions = await service.GetSessions();](https://image.slidesharecdn.com/devconschoolxamarinchernikoff-170224134736/85/Xamarin-Microsoft-DevCon-School-2016-RUSSIAN-17-320.jpg)
Правильный Xamarin для мобильных приложений (Microsoft DevCon School 2016) [RUSSIAN]
- 2. Отзывы💖 Помогите нам стать лучше! На вашу почту отправлена индивидуальная ссылка на электронную анкету. 2 ноября в 23:30 незаполненная анкета превратится в тыкву. Заполните анкету и подходите к стойке регистрации за приятным сюрпризом! #msdevcon Оставляйте отзывы в социальных сетях. Мы все читаем. Спасибо вам!
- 3. Программа интенсива 11:30 – 12:30 Часть 1: Готовим Xamarin.Forms (Теоретическая часть) 12:30 – 13:30 Практика 13:30 – 14:30 Обед 14:30 – 15:30 Часть 2: Удобный REST (Теоретическая часть) 15:30 – 16:30 Практика 16:30 – 17:00 Перерыв 17:00 – 18:00 Часть 3: Архитектура приложения (Теоретическая часть) 18:00 – 19:00 Практика 19:30 – 20:30 Круглые столы с экспертами
- 4. Правильный Xamarin для мобильных приложений Черников Вячеслав Binwell
- 5. Цели #msdevcon Что такое Xamarin.Forms Работаем с REST Архитектура приложения Подключаемся к внешнему REST-сервису, знакомимся с Mock-данными Отделяем бизнес-логику от UI, упрощаем описание ViewModel, знакомимся с архитектурой Знакомимся с Xamarin и cоздаем первое приложение на Xamarin.Forms
- 7. Классический Xamarin Полное покрытие iOS/Android API, нативные приложения C# для разработки, возможность шарить код
- 8. Xamarin.Forms Унификация и абстрагирование UI Xaml, MVVM PCL-библиотека
- 9. Xamarin.Forms Приложения для работы с данными Прототипы Бизнес-приложения
- 10. Xaml Page <?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="XamlSamples.HelloXamlPage" Title=“Page Title goes here"> <Label Text="{Binding Model.Text}" x:Name=“MainLabel" FontAttributes="Bold" TextColor="Aqua" /> </ContentPage>
- 11. Основные элементы Label – отображение текста Image – отображение изображений Button – кнопка ListView – список элементов StackLayout – компоновка элементов ContentPage – простая страница MasterDetailPage – страница с боковым меню
- 12. Практика #msdevcon Приложениe v0.1 Хардкодим и осваиваем UI
- 14. Полезные ресурсы #msdevcon Улучшения -- FFImageLoading <ffimageloading:CachedImage DownsampleToViewSize="true" Source = "http://loremflickr.com/600/600/nature?filename=simple.jpg"> </ffimageloading:CachedImage> -- ListView caching <ListView CachingStrategy="RecycleElement"> -- XamlC, AssemblyInfo.cs [assembly: XamlCompilation(XamlCompilationOptions.Compile)]
- 15. #msdevcon Работаем с REST API
- 16. Json.Net и DTO public class Session { [JsonProperty("title")] public string Title; }
- 17. Refit public interface IRemoteApi { [Get("/sessions")] Task<List<Session>> GetSessions(); } var service = RestService.For<IRemoteApi>("https://demo3143189.mockable.io"); var sessions = await service.GetSessions();
- 18. Mock Ускоряет верстку Дает возможность проверить различные сценарии и наборы данных Сохраняем готовые JSON в качестве ресурсов
- 19. DAL Data Interfaces (ISessionDataService, etc), Data Objects Mock Remote Реализация Data Interface и чтение данных из локальных ресурсов Реализация Data Interface и чтение данных с внешнего сервера с помощью Refit Refit Interface Кешер Локальные JSON REST Service
- 20. DAL DataServices public static void Init(bool isMock = false) { if (isMock) DependencyService.Register<ISessionDataService, Mock.SessionDataService>(); else DependencyService.Register<ISessionDataService, Remote.SessionDataService>(); } public static ISessionDataService Session => DependencyService.Get<ISessionDataService>();
- 23. Слои App, App Services, Pages, Controls, Views, Converters, Layouts ViewModels, Models Data Services, Data ObjectsDAL BL UI Settings, Helpers Platform Service Interfaces Platform Services Native RenderersiOS/Android/Windows application, styles, resources
- 24. MVVM Business Logic (BL) ViewModel – управление состоянием View, контекст для биндинга (свойства и команды), логика переходов между экранами. Model – получение доп. информации из базового объекта, часто объединяется с ViewModel
- 25. Структура PCL-проекта DAL Data Objects Data Services BL ViewModels Models UI Pages Controls Converters PlatformServices App.cs Settings.cs Consts.cs
- 26. Практика #msdevcon Приложениe v0.3 Приводим структуру проекта в порядок, подбиваем хвосты
- 27. Правильный Xamarin для мобильных приложений 1. Знакомство с XF 2. Осваиваем REST 3. Архитектура XF-приложения Черников Вячеслав [email protected]
- 28. © 2016 Microsoft Corporation. All rights reserved.