Создаем проект и подключаем AngularJs

Создаем новый проект для Windows Phone 8.1 на JavaScript по шаблону Blank App.



Подключаем AngularJS. Он доступен в виде установочного пакета в NuGet. 
Открываем NuGet Package Manager Console и выполняем команды:

install-package AngularJS.Core install-package AngularJS.Animate install-package Angular.UI.UI-Router 

AngularJS.Core – библиотека с базовыми возможностями AngularJS. 

AngularJS.Animate – анимационные возможности. 

Angular.UI.UI-Router – навигация, работа с представлениями.

Angular-WinJS — чтобы получить возможность использовать AngularJS вместе с WinJS, вам нужно установить этот модуль. К сожалению, в настоящее время он не опубликован в виде пакета NuGet и нам придется скачать его с GitHub вручную. 

Добавьте скачанный скрипт в папку scripts в проекте:

Вносим изменения в библиотеки

Как только вы попробуете подключить библиотеки Angular на вашу страницу и запустить приложение, произойдет страшное, то есть ошибка. 



В соответствии с моделью безопасности Windows Phone приложений, вы не можете динамически менять содержимое элементов страницы. Но можете это делать внутри конструкции

MSApp.execUnsafeLocalFunction(function () { }); 

То есть, в файле scripts/angular.js необходимо обернуть все изменения innerHTML или вызовы метода prepend или insert.. в эту конструкцию.

Исправленный файл доступен по ссылке на Github

Используем AngularJS на странице приложения

1. Откроем файл default.html, добавим ссылки на библиотеки AngularJS.



В теле страницы разместим специальный контейнер, в который средствами AngularJS мы будем загружать представление:

<div ui-view></div> 

<!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <title>demo</title> <link href="//Microsoft.Phone.WinJS.2.1/css/ui-light.css" rel="stylesheet" /> <script src="//Microsoft.Phone.WinJS.2.1/js/base.js"></script> <script src="//Microsoft.Phone.WinJS.2.1/js/ui.js"></script> <!-- Angular references --> <script src="/scripts/angular.js"></script> <script src="/scripts/angular-animate.js"></script> <script src="/scripts/angular-ui-router.js"></script> <script src="/scripts/angular-winjs.js"></script> <!-- demo references --> <link href="/css/default.css" rel="stylesheet" /> <script src="/js/default.js"></script> </head> <body class="phone" > <div ui-view></div> </body> </html> 

2. Создадим новую папку views в который мы будем хранить представления для страниц.
3. В папке views создадим файл mainView.html для представления главной страницы. 
Наша основная страница будет содержать только поздравление с прошедшим праздником и кнопку на панели действий.

<div class="demoView fragment"> <h1 style="font-size:2em"> {{greeting}} </h1> <win-app-bar> <win-app-bar-command icon="'accept'" label="'ok'" ng-click="ok()"></win-app-bar-command> </win-app-bar> </div> 

Конструкция {{greeting}} поможет нам вывести значение переменной, которую мы определим в контроллере, а кнопка подтверждения будет представлять собой кнопку на панели действий, созданную средствами WinJS.

4. Откроем js/default.js – основной файл приложения, в котором будет находиться весь код и заменим его содержимое.

 (function () { "use strict"; var app = WinJS.Application; var activation = Windows.ApplicationModel.Activation; var angular_app = angular.module('demo', ['ui.router', 'ngAnimate', 'winjs']); app.onactivated = function (args) { if (args.detail.kind === activation.ActivationKind.launch) { if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) { } else { } var angularLoadedSignal = new WinJS._Signal(); angular.element(document).ready(function () { try { angular.bootstrap(document, ['demo']); angularLoadedSignal.complete(); } catch (e) { if (!(typeof e.message == 'string' || e.message instanceof String)) { throw e; } if (e.message.indexOf('[ng:btstrpd]') !== 0) { throw e; } } }); args.setPromise(angularLoadedSignal.promise); } }; app.oncheckpoint = function (args) { }; //наполняем представление данными и обрабатываем события angular_app.controller('mainViewCtrl', ['$scope', function ($scope) { $scope.greeting = 'С Днем народного единства!'; $scope.ok = function () { var msgpopup = new Windows.UI.Popups.MessageDialog("Если вы хотите закрыть окно, нажмите на кнопку","Отправить поздравление"); msgpopup.commands.append(new Windows.UI.Popups.UICommand("ok", function () { })); msgpopup.showAsync(); }; }]); //настраиваем, указываем шаблон и контроллер angular_app.config(function ($stateProvider) { $stateProvider .state('mainView', { url: '/mainView', templateUrl: '/views/mainView.html', controller: 'mainViewCtrl', }); }); //переходим на view при открытии приложения angular_app.constant('homeStateName', 'mainView'); angular_app.run(function (navigationSvc) { navigationSvc.goHome(); }); (function () { var NavigationSvc = function ($q, $state, adapterSvc, homeStateName) { WinJS.Navigation.addEventListener('navigating', function (args) { var targetState = args.detail.location; var angularPromise = $state.go(targetState, args.detail.state); args.detail.setPromise(adapterSvc.toWinJSPromise(angularPromise)); }); this.goHome = function () { return adapterSvc.toAngularPromise(WinJS.Navigation.navigate(homeStateName)); }; this.navigateTo = function (view, initialState) { return adapterSvc.toAngularPromise(WinJS.Navigation.navigate(view, initialState)); }; this.goBack = function () { return adapterSvc.toAngularPromise(WinJS.Navigation.back()); }; this.goForward = function () { return adapterSvc.toAngularPromise(WinJS.Navigation.forward()); } }; angular_app.service('navigationSvc', NavigationSvc); }()); angular_app.service('adapterSvc', ['$q', function ($q) { return { toAngularPromise: function (winjsPromise) { var deferred = $q.defer(); winjsPromise.then(function (value) { deferred.resolve(value); }, function (err) { deferred.reject(err); }, function (value) { deferred.notify(value); }); return deferred.promise; }, toWinJSPromise: function (angularPromise) { var signal = new WinJS._Signal(); angularPromise.then(function (value) { signal.complete(value); }, function (err) { signal.error(err); }, function (value) { signal.progress(value); }); return signal.promise; } } }]); app.start(); })(); 

В этом коде мы:

• Инициализируем библиотеки AngularJS и заставляем выполниться механизм bootstrap при загрузке страницы приложения. Подробнее как работает bootstrap в AngularJS описано в руководстве.
• Создаем контроллер demoViewCtrl, в котором создаем переменную и обрабатываем событие нажатия на кнопку на панели действий
• Реализуем навигацию и загрузку представления в контейнер.
  
  Некоторые детали про навигацию

  Как вы знаете, в WinJS есть своя библиотека для навигации WinJS.Navigation и вы можете создавать одностраничные приложения (single page apps), где все остальные страницы подгружаются в DOM одной основной страницы, или использовать привычную модель навигации и осуществлять переходы между страницами. 
  
  AngularJS имеет возможности навигации между представлениями в рамках одностраничного приложения, которые очень похожи на концепцию навигации в WinJS. Функции работы с навигацией доступны в виде отдельного модуля на сайте AngularJS. Популярной альтернативой модуль UI Router (мы уже установили из NuGet).
  
  Начав использовать AngularJS вы можете выбирать какими механизмами (WinJS или AngularJS) вы будете пользоваться в своем проекте. Единственное что надо помнить – это то, что у тебе телефона есть аппаратная кнопка Back, про которую AngularJS ничего не знает, и чтобы она работала, мы используем гибридный вариант навигации AngularJS+WinJS.

5. Запускаем приложение. Приложение должно запуститься и загрузить представление. 

Заключение

Все больше технологий, которые мы привыкли видеть и использовать в веб, становятся доступны для мобильных платформ. И это просто замечательно.

Библиотеки Angular для Windows Phone

Библиотека Angular-WinJS 
Исправленный файл angular.js
Пример кода: ToDoList для Windows Phone 8.1 на AngularJS

Полезные ссылки

Документация по AngularJS

Информация о первом митапе

Дата: 16 октября, четверг
Время: 18:30 – 21.00 
Место: Москва, ул. Крылатская, д. 17, к.1, офис Microsoft

Расписание

18.30 — 19.00 – Кофе-брейк, знакомство участников 
19.00 — 19.30 – Открытый показ Windows 10 (Михаил Черномордиков aka mixen) 
19.30 — 20.00 – Обсуждение, ответы на вопросы 
20.00 — 20.30 – Открытый показ Xbox One (Андрей Ивашенцев aka Inc) 
20.30 — 21.00 – Обсуждение, ответы на вопросы 
21.00 — 21.30 – Завершение мероприятия, трансфер

Регистрация

Наши митапы открыты и доступны для всех желающих. Но, для того, чтобы правильно рассчитать количество мест, еды с делать митап более комфортным для вас, мы просим, по-возможности, оставлять заявки на регистрацию. 

Регистрация на первый митап доступна по ссылке.

Подробную информацию о каждом из следуюших митапов мы будем публиковать по мере ее поступления на meetup.com.

Нам важно ваше мнение

Если вы хотите услышать или обсудить какую-то конкретную тему, увидеть какого-то конкретного эксперта или выступить самому — пишите об этом в комментариях.

Ждем вас в гости!

Полезные ссылки

Microsoft Mobile Dev Meetup
Сообщество разработчиков Phone и Windows приложений на Facebook
Бесплатные онлайн-курсы по технологиям на MVA

Где взять и как установить предварительную версию?

1. Зарегистрируйтесь в программе Windows Insider. 

2. Ознакомьтесь с требованиями к системе.

3. Скачайте один из подходящих вам дистрибутивов (в формате ISO):

• Язык | Ссылка | SHA-1
• English 64-bit (x64) Download (4.10 GB)EB75A3D3C0F621F175B75DC65DB036D0E00EAC43
• English 32-bit (x86) Download (3.16 GB)73AC23AD89489855F33CA224F196327740057E2E
• English (United Kingdom) 64-bit (x64) Download (4.08 GB)17C6CD7224D13DB61B93A4A9D38202E3A0019378
• English (United Kingdom) 32-bit (x86) Download (3.17 GB)BFF496678A09255738BFBFA14903295D55478C33

Ключ продукта: NKJFK-GPHP7-G8C3J-P6JXR-HQRJR
Страница загрузки дистрибутивов: windows.microsoft.com/ru-ru/windows/preview-download

4. Скопируйте дистрибутив на USB носитель или DVD.

5. Запустите setup.exe и начните установку. Перед экспериментами, не забывайте делатьрезервные копии.

Программа Windows Insider

Наши коллеги в группе разработки ОС много думали и наконец придумали эту программу.

Зарегистрировавшись в программе Windows Insider, вы будете получать новейшие сборки и одними из первых узнавать о новых возможностях и продуктах. 

Присоединившись к программе, вы будете иметь возможность принимать активное участие в развитии операционной системы — давать обратную связь по продукту, его возможностям и отправлять нам свои пожелания и замечания. Нет никакой гарантии, что всё что вы увидите или не увидите в предварительной версии будет частью финального релиза или наоборот не будет реализовано. Но своими отзывами, вы сможете воздействовать на этот процесс и поможете сделать Windows 10 еще лучше, полезнее и удобнее для вас. 

В дистрибутив ОС встроено приложение Windows Feedback, с помощью которого вы сможете делиться с нами отзывами о предварительной версии.



Для участников программы доступен форум, в котором вы можете задавать вопросы, получать ответы от специалистов со всего мира и искать необходимую информацию. Уже сейчас на форуме размещено более 1000 тем.

Полезные ссылки

Microsoft представила Windows 10
Официальная страница Windows 10
Блог про Windows 10
Блог про разработку приложений для Windows 10

Единая Windows для всех устройств

Windows 10 будет устанавливаться на более широкий спектр устройств по сравнению с предыдущими версиями OC. В число этих устройств входят не только персональные компьютеры, ноутбуки, планшеты, но и смартфоны, телевизоры, различные платы и промышленные устройства, используемые для сценариев Internet of Things.

Новая OC также будет являться единой платформой для разработки приложений иединым каналом доставки приложений через Магазин.

Улучшенный интерфейс пользователя

Интерфейс операционной системы, с одной стороны, остался привычным, с другой стороны, приобрел несколько новых полезных возможностей.

Меню «Пуск»

Открывается по нажатию на логотип в левом нижнем углу рабочего стола. В левом столбце меню содержатся ярлыки к последним запущенным приложениям, в правом — плиткиуниверсальных приложений. В меню также находятся кнопки управления питанием и обновленная функция поиска, для поиска не только в локальной системе, но и в интернете.



Универсальные окна приложений

Теперь и классические приложения для рабочего стола и новые универсальные приложениязапускаются в собственном окне на рабочем столе.



Улучшенная функция Snap

Работать в нескольких приложениях сразу стало проще и удобнее. Теперь функция Snap позволяет открыть до 4 приложений на экране одновременно, а Windows подсказывает, какие еще приложения запущены и как их можно разместить. Windows 10 поможет эффективнее использовать незанятое пространство экрана для других приложений.



Множество рабочих столов

Пользователь может создавать несколько рабочих столов и размещать на них окна приложений. Можно вывести все созданные столы на экран и переключаться между ними. 



Многозадачность

На панели задач появилась новая кнопка Task View. При нажатии на нее, на экране появляются в уменьшенном виде окна всех запущенных приложений. 

Особое внимание к корпоративным пользователям и данным

При создании Windows 10 особое внимание было уделено корпоративным пользователям. 
Новая ОС будет совместима со всеми традиционными системами управления, которые используют организации. 

Операционная система содержит новые возможности по разделению рабочих и персональных данных на устройствах всех типов, что позволит воплотить концепцию BYOD в организациях. 

Попробуйте новую Windows

1 октября на официальной странице Windows 10 появится возможность скачать Windows 10 Technical Preview. 
Не упустите возможность посмотреть на новую OC своими глазами и попробовать своими руками.
Информация о дате релиза операционной системы и условиях обновления до Windows 10 будет объявлена позже.

UPD: Предварительная версия Windows 10 уже доступна для скачивания.

Полезные ссылки

Официальный пресс-релиз на русском языке
Официальная страница Windows 10
Блог про Windows 10
Блог про разработку приложений для Windows 10

Основные преимущества использования сервиса

• Биллинг мобильного оператора — не требует наличия кредитной карты или регистрации. Доступно для более чем 4 миллиардов пользователей по всему миру.
• Самонастройка сервиса, активация в течение нескольких минут и простая интеграция.
• Лучшее покрытие. С Fortumo вы можете принимать платежи от пользователь без кредитных карт на 6 континентах из 7 (пока без Антарктиды).
• Без платы за подключение, без абонентской платы, без минимального оборота. Простое разделение дохода с каждой транзакции. Сервис получает свою комиссию только если вы получаете доход!

Как начать использовать разработчику

1. Зарегистрироваться на сайте Fortumo.com
2. Заполнить профиль и указать данные банковского счета для вывода средств.
3. Настроить мобильные платежи:

• Покупки внутри приложений (in-app purchase).
• Кроссплатформенные мобильные платежи. 
  
• Продвинутые API для реализации сложных сценариев приема платежей.

2. Ждать осуществления пользователем покупок. Если всё проходит нормально, Fortumo завершает транзакцию и сообщает разработчику об успешной оплате. В конце месяца, заработанные деньги будут переведены на указанный счет разработчику.

Как выглядит сервис для пользователя

1. Пользователь делает покупку. После подтверждения платежа деньги будут сняты со счета телефона.



2. Fortumo обрабатывает платеж. Транзакция проверяется на фрод и перенаправляется соответствующему мобильному оператору.
3. Если оплата завершена успешно, пользователь получает оплаченный товар. Оператор проверяет баланс абонента и сообщает Fortumo об успешной оплате.

Заключение

Операторский биллинг – популярный способ осуществления покупок на мобильных устройствах во всем мире и теперь для Windows Phone и Windows приложений есть простое средство его реализовать и использовать.

Ведущие производители игровой индустрии, такие как Game Insight, Creative Mobile, Boyaa,Herocraft и Floor84 Studios уже используют Fortumo для биллинга покупок внутри приложения!

Полезные ссылки

Сайт Fortumo.com
Специальная акция $5 000 на рекламу в AdDuplex
Fortumo SDK для Windows Phone и Windows

https://www.microsoftvirtualacademy.com/training-courses/mobile-development-for-web-developers-rus

Дополнительные ссылки

Событие на facebook
Бесплатные курсы виртуальной академии Microsoft
Azure бесплатно на 30 дней!
Бесплатная или пробная Visual Studio 2013

Это простые вопросы, для ответа на которые мы опубликовали серию статей, описывающих основные сценарии обновления в пошаговом режиме.

Новая Windows Phone 8.1. Что делать разработчику приложений?

Обновляем Windows Phone Silverlight 8.0 приложение до Windows Phone Silverlight 8.1

Обновляем Windows Phone 8.0 приложение до Windows Phone 8.1(XAML)

Превращаем Windows Store приложение в универсальное

Введение

Универсальное приложение от Microsoft - это технология разработки приложений, работающих на Windows 8.1 не зависимо от форм фактора устройства: телефон, планшет или ПК. Чтобы создавать универсальные приложения для Windows 8.1 и Windows Phone 8.1, необходима операционная система Windows 8.1 и Visual Studio 2013Update 2. Начиная разработку проекта нового типа «Universal apps», обратим внимание на шаблоны с макетами интерфейса, при выборе которых получаем автоматически сгенерированное решение из следующих проектов:

• Проект Windows 8.1;
• Проект Windows Phone 8.1;
• Проект, содержащее общий код (Shared).

Общий исходный код включает элементы интерфейса и вызовы API, что значительно сокращает объем исходного кода для каждого из приложений. Отметим, что внешний вид приложения для каждой из платформ будет отличаться, благодаря особенностям поведения некоторых элементов интерфейса на разных устройствах. Универсальные приложения поддерживаютcя для С++, С# и JavaScript. Подробнее о новых возможностях универсальных приложений ранее писали в этой статье.

Пример перехода от Windows Store приложения до универсального

Осуществим переход от Windows 8.1 приложения до универсального, путем добавления Windows Phone 8.1 проекта в решение:

1. Под Windows Phone 8.1 приложением явно имеем ввиду только WinRT XAML приложения, исключая Silverlight 8.1. Приложения на Silverlight не имеют возможности расширения до универсальных.
2. Открываем проект приложения для Windows 8.1: Главная задача демонстрационного приложения - отображение картинок из заданной директории на устройстве:
3. Добавляем в приложение Windows 8.1 приложение Windows Phone 8.1:
Нажимаем OK:

1. Получаем в обозревателе решений дополнительно проект для Windows Phone 8.1 и проект с общим кодом:
2. Изначально проект с общим кодом пустой, поэтому из приложения для Windows 8.1 скопируем следующие элементы:
   • Каталоги: Сommon, Models, ViewModel
   • И файлы: ImageViewPage.xaml, MainPage.xaml
3. Проверим что все элементы корректно скопировались:
4. Удалим из проекта Windows 8.1, элементы которые дублируются в общем проекте: Каталоги и файлы:
5. Из проекта Windows Phone 8.1 так же удалим дублирующие элементы: Это необходимо сделать, потому что основная функция проекта с общим кодом заключается в том, чтобы распределять находящийся в нем код на оба проекта Windows 8.1 и Windows Phone 8.1. Поэтому дублирующие файлы просто не нужны в обоих проектах.

Протестируем как приложение работает под Windows Phone 8.1

Установим в качестве запускаемого проекта Windows Phone 8.1: Запустим в эмуляторе: Приложение запустилось не корректно и мы получили следующие ошибки: Нажимаем «Break» и пробуем избавиться от проблемы. Откроем файл MainPage.xaml из общего проекта Shared: Обратим внимание, что для любого XAML файла из общего проекта можно выбрать режим редактирования, где будет отдельно подсвечиваться активный код для Windows 8.1 или Windows Phone 8.1: Сравним два режима редактирования: Windows 8.1 Windows Phone 8.1 Наблюдаем не лопознанный компилятором элемент DataContext, который говорит нам о том, что мы забыли добавить в App.xaml проекта Windows Phone 8.1 те же подключения что и в App.xaml файле для Windows 8.1: Теперь приложение запустилось, но не отображает данные: Причиной является то, что мы указали в качестве директории ресурсов библиотеку изображений, которая используется на ПК устройствах. Но для мобильных устройств хранилище ресурсов следует изменить на хранилище изображений в фотоальбоме устройства. Откроем файл LibraryLoaderViewModel.xaml: И поменяем функцию private async Task LoadImages() следующим образом образом: private async Task LoadImages() { #if WINDOWS_APP var folder = Windows.Storage.KnownFolders.PicturesLibrary; #elif WINDOWS_PHONE_APP var folder = Windows.Storage.KnownFolders.CameraRoll; #endif var imageFiles = await folder.GetFilesAsync(); foreach (var imageFile in imageFiles) { var image = new ImageItem(imageFile, ImageLocation.CameraRoll); _libraryImages.Add(image); } await Window.Current.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () => { OnPropertyChanged("LibraryImages"); }); } Объясняем приложению к какому хранилищу изображений следует обращаться в зависимости от устройства. Для этого используем конструкцию #if. Тем самым разделяя действия, отличные для платформ Windows 8.1 и Windows Phone 8.1: Windows = WINDOWS_APP Windows Phone = WINDOWS_PHONE_APP Настроим доступ к хранилищу, используя свойство Capabilities в Package.appxmanifest для Windows Phone 8.1 проекта: Все работает замечательно. Результат можно проверить, подключив свое собственное устройство и запустить приложение с него.

• Обратим внимание, что дизайнер мобильного приложения не корректно показывает разметку: У нас есть возможность проверить как выглядит приложение на экранах различных размеров, используя панель инструментов Device: Здесь перебираем варианты размеров экрана: Настраиваем корректное отображение для каждого, если это необходимо, например, в MainPage.xaml файле меняем указанное свойство Height = “125” на Auto в случае с размером 480х800:Теперь приложение готово к использованию на любых устройствах Windows 8.1 и Windows Phone 8.1.

  Другие сценарии поддержки распределяемого кода

  Существует несколько вариантов хранения и использования общего кода для кроссплатформенных приложений Windows 8.1 и Windows Phone 8.1:
  • Самый новый и простой способ – это проект с общим кодом Shared внутри решения Universal app. Данный подход является самым легким и поддерживает любой вид распределяемых данных: код, XAML файлы, изображения, XML/JSON, RESW. Здесь реализован уже знакомы нам инструмент Visual State Manager, который позволяет увидеть общий и различный код для платформ.
  • Portable Class Library – это библиотеки и WinRT компоненты;
  • Одной из интересных особенностей Portable Class Library является возможность написать библиотеку на любом из языков, например, С++ или JavaScript, а использовать в любом приложении. Например, вы хотите создать повторно используемую библиотеку для разных приложений или в случае кроссплатформенной разработки для Windows, iOS и Android.
  • Добавление ссылок на файлы с общим кодом в проект. Например, когда требуется сделать из Silverlight приложения Windows Store или Windows Phone 8.1 (XAML) приложение.

  Заключение

  Процесс расширения Windows Store приложения до универсального оказался прост, так как API для телефона и для ПК теперь совпадают на 90%. При разработке и портировании, следует обратить внимание на некоторые различия между платформами, как это было в случае с хранилищем изображений, и учесть различные форм факторы и разрешения экрана для различных устройств.

  Полезные ссылки

  Новая Windows Phone 8.1. Что делать разработчику приложений? Обновляем Windows Phone Silverlight 8.0 приложение до Windows Phone Silverlight 8.1 Обновляем Windows Phone 8.0 приложение до Windows Phone 8.1(XAML) Обучающие курсы виртуальной академии Microsoft (MVA) Загрузить бесплатную или пробную Visual Studio 2013 Стать разработчиком приложений Windows Phone Скачать пример приложения из этой статьи Скачать примеры кода универсальных приложений (c#, c++, javascript)

• Создание нового проекта Windows Phone 8.1
• Перенос кода
• Перенос интерфейса
• Создание проекта Windows Store

У меня есть простое приложение, разработанное под Windows Phone 8.0, которое мы будем обновлять до Windows Phone 8.1. Приложение состоит из двух проектов: проект Windows Phone приложения и Portable Class Library со всякими нужными классами. Из сторонних библиотек это приложение использует только MVVMLight.

Создание нового проекта Windows Phone 8.1

Чтобы приложение работало не только на Windows Phone 8.1, но и на предыдущих версиях Windows Phone, придется продолжить поддерживать проект Windows Phone 8.0 на ряду с новым проектом. Самым оптимальным решением будет создать проект Windows Phone 8.1 рядом в этом же Solution и максимально переиспользовать код на оба проекта. Второй вариант – в существующем проекте поправить ссылки на библиотеки автоматически, используя действие Retarget to Windows Phone 8.1. Но тогда вы получите Silverlight 8.1 приложение, а не XAML и лишитесь обратной совместимости. По этому пути мы не пойдем и будем создавать рядом еще одно приложение для Windows Phone 8.1. В Visual Studio нажимаем Add – New Project. В качестве шаблона проекта выбираем Blank App.

Перенос кода

Нам очень повезло, что проект использует MVVM, код надежно отделен от интерфейса и у нас есть Portable Class Library где уже лежат вспомогательные классы и объекты. Если у вас этого нет, то вынесете модели, контроллеры и логику в PCL. Получится что-то близкое к структуре на картинке ниже. Подключаем готовый PCL к проекту для Windows Phone 8.1 и добавляем остальные используемые библиотеки. Теперь надо аккуратно копировать файлы из проекта Windows Phone 8.0 и устранять все что будет ломаться. Это не так быстро, как кажется, но достаточно рутинно. В скопированных файлах лучше поменять пространство имен, чтобы избежать конфликтов в Solution. Быстро это сделать можно используя возможность Find and Replace. Если ваше приложение Windows Phone 8.0 поддерживало несколько языков, и вы использовали файлы ресурсов для локализации, то важно знать, что в 8.1 просто в папке Resources их оставлять уже нельзя. Необходимо будет создать новые файлы ресурсов и перенести туда данные.

Перенос интерфейса

Если попробовать скомпилировать и запустить приложение – нас постигнет неудача. Весь интерфейс в XAML файлах будет ругаться. В моём двухстраничном приложении 44 ошибки. К счастью, они все типовые и касаются пространств имен, элементов управления или их свойств. Новый Windows Phone 8.1 использует WinRT и там может не оказаться элементов управления и свойств, которые вы использовали в Silverlight Toolkit. Например:

• Открывающий тэг для страницы не , a просто .
• Вместо надо использовать .
• Многие стандартные стили будут не найдены и вам необходимо будет воссоздавать их руками.
• Некоторые свойства у элементов управления изменились или вообще больше не существуют.

В результате этого процесса, у меня получилось два практически одинаковых на вид приложения. Cлева Windows Phone 8.0, справа Windows Phone 8.1.

Создание проекта Windows Store

После того, как приложение Windows Phone 8.1 заработает, можно пойти дальше и расширить его до Windows Store приложения, чтобы опубликовать в магазин Windows. Этот процесс не такой трудоемкий как предыдущий. Необходимо в контекстном меню проекта выбрать Add Windows 8.1 Создастся два новых проекта: проект для Windows Store приложения и проект Shared для общего кода между Windows 8.1 и Phone 8.1 приложениями. В Shared проект можно перенести большую часть кода, a часть xaml превратить в элементы управления (user controls) и повторно использовать. Если запустить Windows приложение, то оно будет так же очень похоже на Phone приложение и над более удобным дизайном придется еще поработать отдельно.

Заключение

Мы получили три приложения: Windows Phone 8.0, Windows Phone 8.1 и Windows Store 8.1. Весь код и другие переиспользуемые файлы были вынесены из Windows Phone 8.1 и Windows Store проектов в Shared проект для общего кода или Portable Class Library. В проекте для Windows Phone 8.0 часть кода тоже была вынесена в PCL, но интерфейс и все возможности, требующие старого API остались в этом проекте. Скачать готовый пример можно тут: Universal.zip

Полезные ссылки

Новая Windows Phone 8.1. Что делать Windows Phone 8.0 разработчику? Обновляем Windows Phone Silverlight 8.0 приложение до Windows Phone Silverlight 8.1 Бесплатные онлайн-курсы по технологиям Загрузить бесплатную или пробную Visual Studio 2013 Стать разработчиком приложений Windows Phone Примеры кода с основными возможностями Windows Phone 8.1 (c#, c++, javascript)