Поделиться через


Проектирование XAML в Visual Studio и Blend для Visual Studio

Visual Studio и Blend для Visual Studio предоставляют визуальные инструменты для создания привлекательных пользовательских интерфейсов и расширенных возможностей мультимедиа с помощью XAML для различных типов приложений. Обе интегрированные среды разработки (IDE) совместно используют общий набор функций, включая визуальный редактор XAML (конструктор). Blend для Visual Studio, которая поддерживает платформы WPF и UWP, предоставляет дополнительные средства для проектирования визуальных состояний и создания анимаций.

Вы можете переключаться между Visual Studio и Blend для Visual Studio, и вы можете одновременно открывать один и тот же проект в обоих средах разработки. Изменения, сохраненные в XAML-файлах в одной интегрированной среде разработки, можно применять с помощью автоматической перезагрузки при переключении на другую интегрированную среду разработки. Вы можете управлять поведением перезагрузки, перейдя к Tools>Options>Environment>Documents в любой IDE.

Установка

  • Чтобы создать приложения WPF, установите рабочую нагрузку для разработки десктопных приложений .NET в Visual Studio. Blend для Visual Studio также будет установлен.

    скриншот нагрузки разработки приложений .NET для рабочего стола из установщика Visual Studio

  • Чтобы создавать приложения UWP, установите компонент разработки универсальной платформы Windows в Visual Studio. Blend для Visual Studio также будет установлен.

    снимок экрана: рабочая нагрузка для разработки приложений на универсальной платформе Windows в установщике Visual Studio

Общие возможности

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

  • IntelliSense: Обе среды разработки поддерживают возможности IntelliSense, такие как автозавершение инструкций.

  • Отладка: Вы можете отлаживать в Visual Studio и Blend для Visual Studio, включая установку точек останова в коде для отладки запущенного приложения и использование Hot Reload для изменения XAML-кода во время работы приложения. Для обеспечения согласованной отладки с помощью Visual Studio Blend для Visual Studio включает большинство окон отладки и панелей инструментов Visual Studio.

  • перезагрузить файл: вы можете изменить файлы XAML в Visual Studio или Blend для Visual Studio. Измененные файлы, которые были сохранены, загружаются автоматически при переключении между IDE. Вы можете управлять поведением перезагрузки, перейдя к Tools>Options>Environment>Documents в любой из интегрированных сред разработки.

  • Синхронизированные макеты и параметры: макеты окон инструментов настройки и предпочтения параметров для Visual Studio или Blend для Visual Studio синхронизируются на всех ваших устройствах и версиях при входе с той же учетной записью персонализации. См. раздел Синхронизация параметров на нескольких компьютерах.

Дополнительные возможности в Blend для Visual Studio

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

Задача Visual Studio Blend для Visual Studio Дополнительные сведения
состояния дизайна Нет средства для проектирования визуальных состояний; их необходимо создать программным способом. Используйте средства разработки, чтобы изменить внешний вид элемента управления на основе его состояния. Визуальные состояния
Создание анимаций Нет средства разработки для анимаций; их необходимо создать программным способом. Для этого требуется понимание анимации и системы времени в WPF и обширный опыт написания кода. Вы создаете анимации визуально и можете просматривать их в Blend для Visual Studio. Это быстрее и точнее, чем создание анимаций в коде. Можно добавить триггеры для обработки взаимодействия с пользователем, и вы можете переключиться на код для добавления обработчиков событий и других функций. анимируемые объекты
Превратить фигуры и текст в кривые для упрощения управления Не поддерживается. Вы можете внести тонкие или драматические изменения в фигуры (например, прямоугольники и многоточия), преобразовав их в пути, которые обеспечивают более эффективное управление редактированием. Можно изменить или объединить пути и создать составные пути из нескольких фигур.

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

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

Например, можно использовать Blend для ресурсов стиля Visual Studio для реализации общих элементов управления WPF (например, кнопок, списков, полос прокрутки, меню и т. д.), а также изменения цвета, стиля или базового шаблона непосредственно в Blend для Visual Studio. Затем можно переключиться на код для финальных штрихов, если хотите.
Изменение стиля объектов
Подключение пользовательского интерфейса к данным Вы можете создать источник данных из таких ресурсов, как база данных SQL Server, WCF или веб-служба, объект или список SharePoint, а затем привязать источник данных к элементам управления пользовательским интерфейсом.

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

Возможности по созданию данных в Blend for Visual Studio впечатляют (вы можете с легкостью добавлять имена, номера, URL-адреса и фотографии) и могут сэкономить вам много времени.

Для динамических данных можно привязать элементы управления пользовательского интерфейса к XML-файлу или любому источнику данных CLR.
отображение данных

Дополнительные сведения о расширенном проектировании XAML см. в статье Создание пользовательского интерфейса с помощью Blend для Visual Studio.

  • XAML Обзор
  • Обзор Blend для Visual Studio