Разработка приложений для Магазина Windows с помощью Blend для Visual Studio 2013

  • Статья

Blend для Visual Studio — это набор инструментов для разработки, входящий в Visual Studio 2013, который позволяет создавать приложения для Магазина Windows в визуальной среде с использованием языков JavaScript, VB, C# и C++.

Blend устанавливается вместе с Visual Studio. Чтобы найти Blend, введите в поле Поиск Blend.

Кроме того, проект можно открыть в Blend из Visual Studio. Откройте проект в Visual Studio и выполните одно из следующих действий.

  • В меню Вид выберите команду Открыть в приложении Blend.

  • Щелкните файл проекта правой кнопкой мыши в окне Обозреватель решений и выберите команду Открыть в приложении Blend.

    Команда "Открыть в Blend" в Visual Studio

Для приложений для Магазина Windows на JavaScript можно использовать входящий в Blend набор инструментов HTML5 и CSS3, позволяющий быстро создавать анимации CSS3, определять стили и управлять ими, а также выполнять отладку HTML и CSS. Дополнительные сведения см. в разделе "Разработка приложений для Магазина Windows (HTML)" далее в этой статье.

О создании первого HTML-приложения для Магазина Windows с помощью Blend см. в разделе Создание первого приложения для Магазина Windows с помощью Blend, часть 1: эталонная страница (HTML и JavaScript).

Для приложений для Магазина Windows на VB, C# или C++ можно использовать входящий в Blend набор инструментов XAML, позволяющий быстро применять стили к элементам управления, создавать и определять шаблоны и выполнять привязку к демонстрационным данным. Дополнительные сведения см. в разделе "Разработка приложений для Магазина Windows (XAML)" далее в этой статье.

О создании первого HTML-приложения для Магазина Windows с помощью Blend см. в разделе Создание первого приложения для Магазина Windows с помощью Blend, часть 1: эталонная страница (XAML & C#).

Дополнительные сведения о новых возможностях Blend см. в статьях Новые возможности для разработчиков HTML в Blend для Visual Studio 2013 и Новые возможности предварительной версии Visual Studio 2013 для создания XAML-приложений для Магазина Windows в блоге Visual Studio.

Использование Blend в Visual Studio

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

Использование Visual Studio в сочетании с Blend позволяет быстро и легко настраивать внешний вид приложений с помощью набора мощных инструментов для разработки на HTML и XAML, предусмотренных в Blend. Теперь можно сосредоточиться на построении приложения в визуальной среде от начала и до конца, включая структуру, макеты, представления данных, внешний вид и поведение приложения, а не уделять все внимание синтаксису кода.

Дополнительные сведения об использовании Blend с Visual Studio, включая рекомендуемые рабочие процессы и передовые практики, см. в разделе Переключение в Visual Studio и наоборот.

Созданные в Visual Studio проекты приложений для Магазина Windows можно открывать и редактировать в Blend, а приложения для Магазина Windows, созданные в Blend, можно открывать и редактировать в Visual Studio.

В процессе работы над проектом можно свободно переключаться между Blend и Visual Studio. Чтобы перейти из Visual Studio в Blend, щелкните проект правой кнопкой мыши в Обозревателе решений и выберите команду Открыть в приложении Blend. Чтобы перейти из Blend в Visual Studio, щелкните проект правой кнопкой мыши на панели Проекты и выберите команду Изменить в Visual Studio.

Совет

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

Разработка приложений для Магазина Windows (JavaScript и HTML)

Blend позволяет создавать приложения для Магазина Windows с использованием одного из встроенных шаблонов проектов HTML или открывать существующие приложения для Магазина Windows, созданные в Visual Studio. Подобно любому собственному приложению Windows, приложение Магазина Windows, построенное с использованием HTML5, CSS3 и JavaScript, имеет прямой доступ к базовой платформе и может использовать данные совместно с другими приложениями.

Набор мощных инструментов для разработки на HTML5 и CSS3 позволяет быстро изменять внешний вид приложения и выполнять следующие задачи.

  • Создание и изменение элементов HTML. После перетаскивания элементов HTML и элементов управления приложения Windows с панели Активы на монтажную панель можно изменять иерархию, задавать свойства и применять стили непосредственно в пользовательском интерфейсе. См. раздел Создание и стилистическое оформление шаблона элементов.

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

  • Отображение данных времени разработки. Привязка и отображение данных в приложении для Магазина Windows позволяет легко изменять внешний вид данных во время выполнения. См. раздел Привязка к данным фильма.

  • Внедрение пользовательских шрифтов. Диспетчер семейств шрифтов позволяет внедрять пользовательские шрифты в приложение для Магазина Windows. См. раздел Встраивание пользовательских шрифтов.

  • Создание анимаций CSS3. Создание и редактирование анимаций CSS3 с помощью встроенной временной шкалы опорных кадров анимации.

  • Определение стилей и управление ими. Удобное создание стилей CSS с помощью панели Правила стилей, применение определений стилей с помощью панели Свойства CSS, просмотр каскадов CSS для любого элемента (виртуальное правило Конечные свойства) и определение порядка вычисления Windows 8.1 значений свойств CSS для каждого из элементов (виртуальное правило Вычисленные значения). См. раздел Определение правил стилей CSS.

  • Отладка HTML и CSS. Визуальная отладка HTML и CSS непосредственно в Blend с помощью панели Результаты, позволяющей выявлять и устранять ошибки.

Дополнительные сведения о новых возможностях разработки приложений для Магазина Windows с использованием JavaScript в Blend см. в блоге Visual Studio.

Разработка приложений для Магазина Windows (VB/C#/C++ и XAML)

Blend позволяет создавать приложения для Магазина Windows с использованием одного из встроенных шаблонов проектов XAML или открывать существующие приложения для Магазина Windows, созданные в Visual Studio. Подобно любому собственному приложению Windows, приложение Магазина Windows, построенное с использованием XAML и VB, C# и C++, имеет прямой доступ к базовой платформе и может использовать данные совместно с другими приложениями.

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

  • Разработка пользовательских макетов. Набор мощных инструментов — в том числе шаблоны, встроенные элементы управления, линейки, направляющие и поддержка привязки — позволяет разрабатывать пользовательские макеты для приложения для Магазина Windows. См. раздел Настройка стиля представления данных.

  • Создание элементов управления и определение их стиля. Элементы управления можно перетаскивать на поверхность разработки и задавать их стили, изменяя свойства непосредственно в пользовательском интерфейсе. См. раздел Настройка стиля изображений и элементов.

  • Создание и редактирование шаблонов элементов управления. Инструменты редактирования шаблонов позволяют создавать пользовательские шаблоны элементов управления, которые можно использовать в проекте многократно. Для использования шаблонов в других проектах их необходимо добавить в библиотеку элементов управления. См. раздел Преобразование изображения в пользовательский элемент управления.

  • Создание и редактирование шаблонов данных. Создание шаблонов, позволяющих определять, как данные будут отображаться в приложении. См. раздел Создание привязок данных и настройка их стиля.

  • Отображение демонстрационных данных и данных времени разработки. Привязка к данным и отображение данных в приложении для Магазина Windows позволяют легко изменять внешний вид данных во время выполнения. См. раздел Задание DataContext.

  • Использование поведений для обеспечения интерактивности. Обеспечение интерактивности приложения за счет перетаскивания встроенного поведения на объект на поверхности разработки и изменения свойств в соответствии с требованиями приложения. См. раздел Добавление встроенного поведения.

  • Редактирование разметки XAML. В дополнение к инструментам пользовательского интерфейса, позволяющим создавать и изменять код XAML, не работая непосредственно с кодом, Blend также включает мощный редактор XAML, с помощью которого можно быстро изменять собственно разметку XAML. См. раздел Отладка XAML в Blend.

Дополнительные сведения о новых возможностях разработки приложений для Магазина Windows с использованием C#, C++ и VB в Blend см. в блоге Visual Studio.

Ресурсы

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