Microsoft Visual Studio 2012 — это набор инструментов для создания, программирования, отладки, локализации, упаковки и развертывания приложений Магазина Windows. Одним словом, с помощью Microsoft Visual Studio вы сможете решить практически любую задачу, возникающую при разработке приложения Магазина Windows.

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

Важно  

• Если вы еще не установили Microsoft Visual Studio Express 2012 для Windows 8, чтобы загрузить и установить инструменты перейдите в раздел загрузок.
• Разработка приложений Магазина Windows в Visual Studio доступна только в Windows 8. Windows 7 не поддерживается. Кроме того, лицензии разработчика недоступны для Windows Server 2012, поэтому разрабатывать приложения Магазина Windows в этой системе нельзя.

Получение лицензии разработчика

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

При первом запуске Visual Studio вам будет предложено получить лицензию разработчика. Прочитайте условия лицензии, а затем нажмите кнопку Принимаю, если вы согласны с ними. Для продолжения в диалоговом окне Контроль учетных записей (UAC) нажмите кнопку Да.

Создание проекта и выбор шаблона

Прежде чем создавать программу, необходимо выбрать язык программирования. Вы можете выбрать JavaScript, Visual Basic, Visual C# или Visual C++.

Чтобы создать проект для приложения Магазина Windows, выберите меню File (Файл) > New Project (Создать проект), либо нажмите клавиши CTRL+SHIFT+N. Откроется диалоговое окно Создать проект. Выберите язык программирования на левой панели. На центральной панели вы увидите различные шаблоны программ. Некоторые важные шаблоны, например Blank App (Пустое приложение), Grid App (Приложение таблицы) и Split App (Разделенное приложение), доступны для всех четырех языков программирования. Ряд шаблонов доступен только для определенных языков.

Когда вы создаете проект для приложения Магазина Windows, Visual Studio создает решение, которое позволяет управлять различными исходными элементами проекта (файлами исходного кода, изображениями, таблицами стилей, параметрами и т. д.). Контейнер решения может содержать несколько проектов. Как правило, контейнер проекта содержит несколько элементов, которые представляют собой ссылки, папки и файлы, необходимые для создания приложения.

В окне Solution Explorer (Обозреватель решений) отображаются решения и их проекты, а также элементы проектов. Окно Solution Explorer (Обозреватель решений) позволяет открывать файлы для редактирования, добавлять новые файлы в проект и просматривать свойства решения, проекта и элементов. Так выглядит Solution Explorer (Обозреватель решений) для проекта на языке JavaScript:

Помимо файлов с исходным кодом на соответствующем языке, каждый проект содержит файл package.appxmanifest, описывающий пакет приложения для Windows. Кроме того, в каждый проект включено несколько файлов изображений, например splashscreen.png для экрана-заставки и storelogo.png, который используется для Магазина Windows. В каждый пакет также входит сертификат исходного кода проекта (PFX-файл), который необходим для подписи пакета.

Проектирование пользовательского интерфейса

При разработке пользовательского интерфейса важно выбрать наиболее подходящий шаблон проекта в Visual Studio. Также необходимо знать, как добавить повторно используемые шаблоны элементов, например контракт "Поиск". Для разработки пользовательского интерфейса вы можете использовать код или визуальный конструктор. Визуальный конструктор предоставляет простой интерфейс разработки приложений, поддерживающий добавление элементов путем перетаскивания.

Для создания приложений Магазина Windows можно использовать визуальный конструктор в Blend для Microsoft Visual Studio 2012 для Windows 8. Чтобы открыть проект Visual Studio в Blend, щелкните правой кнопкой мыши проект в окне Solution Explorer (Обозреватель решений), а затем выберите команду Open in Expression Blend (Открыть в Expression Blend). Вы также можете открыть в Blend файл решения (SLN-файл).

Обновление манифеста приложения

Чтобы редактировать файл манифеста, описывающий ваш пакет приложения, вы можете воспользоваться конструктором манифестов в Visual Studio. Файл манифеста приложения содержится в приложении Магазина Windows независимо от типа языка. Конструктор манифестов имеет пять вкладок:

• Application UI (Пользовательский интерфейс приложения). На этой вкладке настраиваются параметры пользовательского интерфейса, включая эмблему, экран-заставку и первоначальную ориентацию.
• Capabilities (Характеристики) На этой вкладке указываются системные компоненты и возможности, например доступ к Интернету, текущее расположение и доступ к фонотеке.
• Declarations (Объявления). На этой вкладке добавляются объявления для таких контрактов приложений, как контракт получателя данных и контракт "Поиск", и указываются их свойства.
• Content URIs (URI содержимого). На этой вкладке указываются блоки URI, доступ к которым разрешен или запрещен вашему приложению. Эта вкладка появляется только для проектов, написанных на JavaScript.
• Packaging (Упаковка). На этой вкладке устанавливаются свойства, которые определяют и описывают ваш пакет при развертывании.

Чтобы открыть конструктор манифестов, дважды щелкните файл package.appxmanifest в окне Solution Explorer (Обозреватель решений) или щелкните этот файл правой кнопкой мыши и выберите команду View Designer (Открыть в конструкторе). Здесь показана вкладка Capabilities (Характеристики) конструктора манифестов приложений:

Написание кода

В Visual Studio Express 2012 для Windows 8 входят полнофункциональные редакторы для следующих языков: JavaScript, HTML, XML, XAML, CSS, C#, Visual Basic, C++ и HLSL. Редакторы предоставляют множество настраиваемых компонентов с поддержкой языков программирования, которые пригодятся вам при создании приложения.

• IntelliSense обеспечивает такие возможности, как завершение операторов и параметр Help as you type code (Помощь при введении кода). На этом рисунке показан список членов в редакторе кода C#. Обратите внимание, что список также отображает подсказку для выбранного элемента.

  

  Совет  В Visual Studio Express 2012 для Windows 8 улучшена функция IntelliSense для JavaScript, которая теперь включает такие новые возможности, как поддержка стандартных комментариев JavaScript и настраиваемые результаты IntelliSense.
  

• Возможность вставки фрагмента кода вызывается при помощи щелчка правой кнопки мыши в файле с кодом и выбора элемента Insert Snippet (Вставка фрагмента).
• Команды навигации — например Go To Definition (Перейти к определению), Bookmarks (Закладки) и Navigate To (Перейти).

  Команда Go To Definition (Перейти к определению) дает возможность найти определение класса или функции с помощью щелчка правой кнопкой мыши по идентификатору и выбора элемента Go To Definition (Перейти к определению). (Чтобы отобразить сведения о типах среды выполнения Windows, Visual Basic и Visual C++ используют просмотр объектов.)

  На этом рисунке показаны такие параметры, как Go To Definition (Перейти к определению) и Insert Snippet (Вставка фрагмента) в редакторе кода JavaScript.

  

  Чтобы установить и использовать закладки, щелкните Edit (Правка) > Bookmarks (Закладки) или сочетания клавиш, показанные в подменю Bookmarks (Закладки).

  Откройте окно Navigate To (Перейти), нажав клавиши CTRL+ЗАПЯТАЯ в открытом редакторе кода, либо выбрав Edit (Правка) > Navigate To (Перейти). Команда "Navigate To" (Перейти) ищет определения символов и имена файлов в решениях, но не ищет локальные переменные.

• Структурирование, перенос по словам, отображение номеров строк и другие возможности.

Вы можете настроить поведение редакторов кода, включение или отключение таких возможностей, как отступ, перенос по словам и завершение операторов. Чтобы настроить поведение редакторов кода, выберите Tools (Инструменты) > Options (Параметры), разверните узел Text Editor (Текстовый редактор), разверните и настройте соответствующий редактор кода, выбрав соответствующую категорию параметров.

Построение приложения

Чтобы выполнить построение приложения, в меню Build (Построение) щелкните Build Solution (Построить приложение) (либо нажмите клавишу F7) или Rebuild Solution (Перестроить приложение) (либо нажмите сочетание клавиш CTRL+ALT+F7). Результаты процесса построения вы увидите в окне вывода.

Чтобы запустить новое приложение в режиме отладки, щелкните Debug (Отладка) > Start Debugging (Начать отладку) или нажмите клавишу F5. По умолчанию программа запускается на главном компьютере, но вы можете выбрать запуск в эмуляторе или на удаленном устройстве.

Чтобы выйти из приложения Магазина Windows и вернуться в Visual Studio, нажмите клавиши ALT+TAB. Чтобы остановить отладку, щелкните Debug (Отладка) > Stop Debugging (Остановить отладку) или нажмите клавиши SHIFT+F5.

Упаковка и развертывание

С помощью XML-файла package.appxmanifest можно настроить пакет развертывания для Магазина Windows. Конструктор манифестов в Visual Studio предоставляет пользовательский интерфейс для настройки пакета. Чтобы открыть параметры развертывания в конструкторе манифестов, дважды щелкните файл package.appxmanifest в окне Solution Explorer (Обозреватель решений), а затем выберите вкладку Packaging (Упаковка) в конструкторе манифестов.

Локализация

Для локализации приложения Магазина Windows в Visual Studio рекомендуется добавить один или несколько файлов ресурсов в проект (например, RESJSON-файл для JavaScript). Вы можете использовать файлы ресурсов, чтобы указать локализованные значения строковых ресурсов приложения.

Отладка и тестирование

В состав Visual Studio входит мощный отладчик, который содержит много новых функций для поддержки отладки приложений Магазина Windows. Можно выполнять отладку приложения локально, аналогично отладке классических приложений Windows. Кроме того, можно выполнить отладку в эмуляторе на локальном компьютере или отладку на удаленном устройстве, подключенном напрямую по кабелю Ethernet.