Презентация с интенсива в рамках "DevCon School Технологии будущего", организованного компанией Microsoft в ноябре 2016 года для своих партнеров

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

6. #msdevcon
Что такое 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

13. Практика
#msdevcon
https://aka.ms/xamintensive

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>();

21. Практика
#msdevcon
Приложениe v0.2
Подключаем сервер и моки

22. #msdevcon
Архитектура XF-приложения

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-приложения
Черников Вячеслав
slava.chernikoff@binwell.com

28. © 2016 Microsoft Corporation. All rights reserved.