Разработка приложений для магазина Windows (Windows Store) средствами Visual Studio 2013

16.2. Основы разработки приложений для магазина Windows в среде VS 2013

В данном разделе использован материал начального обучающего курса (tutorial) фирмы Microsoft по разработке приложений в среде Visual Studio для Windows Store [34].

Предположим, что мы установили Windows 8.1 и используем Visual Studio 2013 Update 2.

16.2.1. Создание проекта

Для создания проекта по разработке приложения для магазина Windows выбираем File / New / Project. Открываем шаблон проекта Windows Store на языке C# ( рис. 16.4).

увеличить изображение
Рис. 16.4. Создание проекта для магазина Windows: выбор шаблона проекта

Выбираем шаблон Пустое приложение - Blank App (XAML). Это шаблон одностраничного приложения с графическим интерфейсом в стиле Metro (характерном для Windows 8). XAML - это язык разметки гипертекста (вариант XML), разработанный фирмой Microsoft в 2003 г. и впервые использованный в Windows Vista. Язык XAML позволяет сочетать разметку шаблона Web-страницы с фрагментами кода на языке C# (или Visual Basic).

Пример кода на языке XAML приведен ниже. Это файл App.xaml, в котором обычно определяются все ресурсы приложения:

<Application
    x:Class="HelloWorld.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:HelloWorld">
</Application>
        

При создании проекта вводим его имя HelloWorld. Создаем проект для магазина Windows под этим именем, и он открывается в Solution Explorer ( рис. 16.5).

Рис. 16.5. Открытие проекта HelloWorld для магазина Windows в Solution Explorer

Шаблон пустого приложения содержит следующие файлы:

• Файл манифеста (package.appxmanifest), в котором описывается приложение (имя, описание, плитка, начальная страница, и т. п.) и перечисляются файлы, содержащиеся в приложении;
• Набор больших и маленьких изображений логотипов (Logo.scale-100.png и SmallLogo.scale-100.png) для отображения на начальном экране;
• Изображение (StoreLogo.scale-100.png) для представления вашего приложения в Магазине Windows;
• Экран-заставка (SplashScreen.scale-100.png), который будет отображаться при запуске вашего приложения;
• Файлы XAML и кода для приложения (App.xaml и App.xaml.cs); в файле App.xaml содержатся описания используемых приложением ресурсов, в файле App.xaml.cs - код обработчиков событий, связанных со страницей;
• Начальная страница (MainPage.xaml) и соответствующий файл кода (MainPage.xaml.cs), который выполняется при запуске приложения.

Эти файлы необходимы для всех приложений Магазина Windows на Visual Basic и C#. Они должны содержаться в любом проекте, который создаетcя в Visual Studio 2013.

16.2.2. Замена MainPage

Основная страница MainPage в шаблоне проекта Пустое приложение базируется на шаблоне Пустая страница. Там содержится минимальный объем XAML и кода для создания экземпляра Page. Однако при создании приложения Магазина Windows этого недостаточно. Например, даже простое приложение из одной страницы должно настраиваться для разных макетов и видов, сохранять состояние при приостановке и восстанавливать его при возобновлении. Другие шаблоны проектов и объектов Page в Visual Studio 2013 включают дополнительный код и классы вспомогательного приложения, помогающие управлять видом и состоянием. Когда используется шаблон проекта Пустое приложение, обычно пустой объект MainPage заменяется на один из других шаблонов Page, чтобы воспользоваться преимуществами макета и предоставляемых классов вспомогательных приложений.

Заменяем MainPage по умолчанию на страницу, использующую шаблон Basic Page (Базовая страница):

1. В обозревателе решений щелкните правой кнопкой мыши MainPage.xaml и выберите Удалить.
2. Чтобы подтвердить удаление, щелкните OК.
3. Выберите Проект > Добавить новый элемент. Откроется диалоговое окно Добавление нового элемента. Оно аналогично диалоговому окну Создать проект.
4. В разделе Visual C# или Visual Basic на левой панели выберите тип шаблона Магазин Windows.
5. На центральной панели для страницы, которую следует добавить в проект, выберите тип Основная страница.

6. Введите "MainPage.xaml" как имя страницы.

   Если оставить имя по умолчанию "BasicPage1", проект будет собран с ошибкой.

7. Щелкните Добавить.

   При первом добавлении новой страницы в шаблон Пустое приложение (отличный от шаблона Пустая страница) в Visual Studio открывается диалоговое окно с сообщением, что для добавления требуются файлы, отсутствующие в вашем проекте. Щелкните Да, чтобы добавить такие файлы. Файлы для нескольких вспомогательных классов добавляются в ваш проект в папку Common.

   В проект будет добавлен код XAML и файлы кода программной части для новой страницы.
8. Щелкните Сборка > Собрать решение, чтобы выполнить сборку проекта.

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

16.2.3. Запуск приложения

На этот момент мы создали очень простое приложение. Нажмем клавишу F5, чтобы выполнить сборку, развернуть и запустить приложение в режиме отладки. Сначала появится экран-заставка по умолчанию. Экран-заставка определяется изображением (SplashScreen.scale-100.png) и цветом фона (указанным в манифесте нашего приложения).

Экран-заставка исчезает, и появляется ваше приложение. Оно содержит пустой экран и заголовок "My Application" (Мое приложение) - см. рис. 16.6.

Рис. 16.6. Запуск простого приложения для магазина Windows

Более подробная информация, дальнейшие варианты и развитие примера приложения для магазина Windows и полностью файлы кода для данного примера приведены в обучающем курсе [34] или доступны из него по гиперссылкам. Выражаю его авторам признательность.

16.3. Резюме

Магазин Windows - это новая форма обмена приложениями и настройки рабочего окружения программиста. Магазин Windows реализован в новых операционных системах Microsoft - Windows 8.1 и Windows RT 8.1. Он позволяет скачивать полезные программы и их обновления, включая обновления операционной системы. При запуске магазина Windows на другом компьютере, если при этом используется для входа учетная запись Microsoft, становятся доступными все приложения магазина Windows, установленные данным пользователем на первоначальном компьютере, что очень удобно и воплощает современные принципы user-centric computing.

Разработка приложений для магазина Windows в среде Visual Studio 2013 возможна только при условии инсталляции ОС Windows 8.1.

В лекции рассмотрен пример разработки, сборки и запуска простейшего приложения для магазина Windows в среде Visual Studio 2013.

Ключевые термины

Краткие итоги

Магазин Windows - это новая форма обмена приложениями и настройки рабочего окружения программиста. Магазин Windows реализован в новых операционных системах Microsoft - Windows 8.1 и Windows RT 8.1. Он позволяет скачивать полезные программы и их обновления, включая обновления операционной системы. При запуске магазина Windows на другом компьютере, если при этом используется для входа учетная запись Microsoft, становятся доступными все приложения магазина Windows, установленные данным пользователем на первоначальном компьютере, что очень удобно и воплощает современные принципы user-centric computing.

Разработка приложений для магазина Windows в среде Visual Studio 2013 возможна только при условии инсталляции ОС Windows 8.1.

В лекции рассмотрен пример разработки, сборки и запуска простейшего приложения для магазина Windows в среде Visual Studio 2013.

Набор для практики

Вопросы

1. Что такое магазин Windows?
2. Какое приложение фармы Apple было его предшественником?
3. В какой версии ОС возможна разработка приложений для магазина Windows?
4. Что такое XAML?
5. Из каких файлов состоит проект по разработке приложения для магазина Windows и каково их назначение?

Упражнения

1. Инсталлируйте ОС Windows 8.1, на ней - Visual Studio 2013 Update 2.
2. Загрузите с сайта [34] пример разработки проекта по созданию приложения для магазина Windows, изучите опубликованный на нем краткий обучающий курс и выполните все шаги по разработке и развитию проекта, описанные в курсе.

Темы для курсовых работ, рефератов, эссе

1. Концепция магазина приложений Windows (реферат).
2. Язык разметки гипертекста XAML и его применение (реферат).
3. Разработка приложений для магазина Windows в ОС Windows 8.1, в среде Visual Studio 2013 (реферат).

Дополнительные материалы, презентации

Презентация к данной лекции: VS_2013_Course_16.pptx.