КРУПНЕЙШАЯ ТЕХНИЧЕСКАЯ КОНФЕРЕНЦИЯ MICROSOFT В УКРАИНЕ Metro приложения: работа с данными Краковецкий Александр, MVP/RD/PhD. DevRain Solutions

agenda What’s new and different for XAML developers in Windows 8 –Connecting to services to get data –Asynchronous patterns –Local data –How to format your data for Windows 8 controls You’ll leave with examples of how to Connect to web and local data Use data in Windows 8 Metro style apps

synchronous vs. asynchronous

// синхронная версия private void OnButtonClick() { TextBox.Text = new WebClient().DownloadString(" } private void OnButtonClick() { var dispatcher = Deployment.Current.Dispatcher; var client = new WebClient(); client.DownloadStringCompleted += (s, e) => { var result = e.Result; dispatcher.BeginInvoke(() => TextBox.Text = result); }; client.DownloadStringAsync(new Uri(" }

Представьте асинхронный мир без callbacks async. & await!

async превращает ваш метод в асинхронный await возвращает результат в основной поток по завершению выполнения задачи работает с любым объектом, у которого есть метод GetAwaiter()

async & await private void OnButtonClick() { FetchAll(); } public async void FetchAll() { var client = new WebClient (); string xml = await client.DownloadStringTaskAsync(uri); TextBlock.Text = xml; }

async & await var Feeds = new ObservableCollection (); public async Task GetFeedsAsync() { Task feed1 = GetFeedAsync(“ this.Feeds.Add(await feed1);... }

использование данных So you’ve downloaded data asynchronously, now what? –Your familiar LINQ skills still apply Binding to controls –ListBox –GridView Grouping in GridView controls –Using IGroupInfo

привязка данных (data binding) привязка данных – мост между UI и бизнес логикой может быть декларативной (XAML) или программной (в коде) модели привязки данных –One-Way –Two-Way –One-Time

value converters public class MyValueConvertor : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { return Math.Round((double) value); } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { return null; }

value converters // объявляем пространство имен xmlns:converter="clr-namespace:MyNamespace.MyValueConverter“ // объявляем в ресурсах конвертер // пример использования:

привязка данных к модели public class FeedData { public string Title { get; set; } public string Description { get; set; } public DateTime PubDate { get; set; } private var _Items = new List (); // ObservableCollection public List Items { get { return this._Items; } }

привязка данных к модели

DEMO: DATA BINDING

получение данных Сервис-ориентированные приложения –XML-over-HTTP –JSON-over-HTTP –ASMX Web Services –oData локальное хранилище

элементы управления Присутствуют: ListBox, ComboBox, FlipView, ListView (JumpViewer), GridView (ListView + Wrap панель внутри ItemsPanelTemplate), CarouselPanel Отсутствуют (возможно появятся в Toolkit): DataGrid, TabControl, TreeView, Menu, ContextMenu

элементы управления

ListView <ListView x:Name="ItemListView" ItemsSource="{Binding Items}" DisplayMemberPath="Title" Margin="60,0,0,10">

ListView <ListView x:Name="ItemListView" ItemsSource="{Binding Items}" Margin="60,0,0,10"> <TextBlock Text="{Binding Title}" FontSize="24" Margin="5,0,0,0" TextWrapping="Wrap" /> <TextBlock Text="{Binding Author}" FontSize="16" Margin="15,0,0,0"/> <TextBlock Text="{Binding PubDate}" FontSize="16" Margin="15,0,0,0"/>

templates Шаблоны позволяют повторно использовать один и тот же XAML код для разных ситуаций <TextBlock Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}"/>

MVVM Паттерн Model-View-ViewModel — это паттерн, применяющийся при проектировании архитектуры приложения. Первоначально был представлен сообществу Джоном Госсманом (John Gossman) в 2005 году как модификация паттерна Presentation Model. MVVM ориентирован на современные платформы разработки, такие как Windows Presentation Foundation, Silverlight, Windows Phone 7, Windows 8.Windows Presentation Foundation Silverlight

MVVM Паттерн MVVM делится на три части: Модель представляет собой данные, необходимые для работы приложения; Вид/Представление (View) - графический интерфейс; Модель вида (ViewModel) является с одной стороны абстракцией Вида, а с другой предоставляет обертку данных из Модели, которые подлежат связыванию.

MVVM public class Accomplishment : INotifyPropertyChanged { public string Name { get; set; } public string Type { get; set; }... public event PropertyChangedEventHandler PropertyChanged; private void RaisePropertyChanged(string propertyName) { if (this.PropertyChanged != null) { this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); }

MVVM public class ViewModel { public ObservableCollection Items { get; set; } public ViewModel() { // filling collection Acomplishments.Add(someObject); }

MVVM

MVVM public partial class MainPage : PhoneApplicationPage { // Constructor public MainPage() { InitializeComponent(); this.DataContext = new ViewModel(); }

ПОЛЕЗНЫЕ ССЫЛКИ И МАТЕРИАЛЫ Часть 6

Async homepage: What's New for Visual C#: What's New for Visual Basic: Consuming a JSON Service in Window 8 Metro Style Application 8-metro-style-application/ 8-metro-style-application/

ВОПРОСЫ?