для чего нужен blend для visual studio
Проектирование XAML в Visual Studio и Blend для Visual Studio
Visual Studio и Blend для Visual Studio предоставляют визуальные инструменты для создания привлекательных пользовательских интерфейсов и мультимедийных процедур на основе XAML для разных типов приложений. Обе интегрированные среды разработки (IDE) совместно используют общий набор функций, включая визуальный редактор XAML (конструктор). Blend для Visual Studio, поддерживающий платформы WPF и UWP, предоставляет дополнительные средства для разработки визуальных состояний и создания анимаций.
Вы можете переключаться между Visual Studio и Blend для Visual Studio и даже открыть один и тот же проект одновременно в обеих IDE. Изменения, сохраненные в файлах XAML в одной интегрированной среде разработки, в результате автоматической перезагрузки могут применяться при переходе к другой среде. Вы можете управлять поведением перезагрузки, перейдя в меню Сервис > Параметры > > документы среды в любой интегрированной среде разработки.
Установка
Чтобы создать приложения UWP, установите в Visual Studio рабочую нагрузку Разработка приложений для универсальной платформы Windows. Средство Blend для Visual Studio также будет установлено.
Возможности общего доступа
Для основных задач разработки Visual Studio и Blend для Visual Studio используют один и тот же набор окон и возможностей с незначительными отличиями. Некоторые особенности:
Технология IntelliSense: Обе IDE поддерживают возможности IntelliSense, такие как завершение операторов.
Отладка: вы можете выполнять отладку в Visual Studio и Blend для Visual Studio, в том числе задавать точки останова в коде для отладки работающего приложения и использовать горячую перезагрузку для изменения кода XAML во время работы приложения. Для согласованности сред в Blend реализована большая часть окон и панелей инструментов отладки из Visual Studio.
Перезагрузка файла: файлы XAML можно редактировать либо в Visual Studio, либо в Blend для Visual Studio. Измененные файлы, которые были сохранены повторно, автоматически перезагружаются при переключении между IDE. Вы можете управлять поведением перезагрузки, перейдя в меню Сервис > Параметры > > документы среды в любой интегрированной среде разработки.
Синхронизированные макеты и параметры: параметры макетов и параметров макета окна инструментов настройки для Visual Studio или Blend для Visual Studio синхронизируются между устройствами и версиями при входе с использованием той же учетной записи персонализации. См. статью Синхронизация параметров 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, а затем привязать источник данных к элементам управления пользовательского интерфейса. Возможности создания данных в Blend для Visual Studio весьма обширны (можно легко добавлять имена, числа, URL-адреса и фотографии) и позволяют сэкономить много времени. Что касается динамических данных, то элементы управления пользовательского интерфейса можно привязать к XML-файлу или к любому источнику данных среды CLR. | Отображение данных |
Дополнительные сведения о расширенных задачах разработки XAML см. в статье Создание пользовательского интерфейса с помощью Blend для Visual Studio.
Обзор Blend для Visual Studio
Blend для Visual Studio помогает разрабатывать приложения Windows и веб-приложения на основе XAML. Этот инструмент предоставляет те же основные возможности конструктора XAML, что и Visual Studio, а также визуальные конструкторы для дополнительных задач, таких как анимация и управление поведением. Сравнение средств Blend и Visual Studio см. в разделе Разработка XAML в Visual Studio и Blend для Visual Studio.
Если вы не работали раньше с Blend для Visual Studio, ознакомьтесь с уникальными возможностями этого инструмента. В этом разделе содержится краткий обзор по теме.
Панель инструментов
Для создания и изменения объектов в приложении можно использовать панель Средства в Blend для Visual Studio. Панель Средства отображается в левой части конструктора XAML, если у вас открыт файл XAML.
Для создания объектов необходимо выбрать инструмент и нарисовать нужное изображение с помощью мыши на монтажной панели.
Некоторые средства на панели Инструменты имеют варианты, например, вместо прямоугольника можно выбрать эллипс или линию. Чтобы открыть эти варианты, щелкните правой кнопкой мыши или нажмите и удерживайте средство.
Инструменты выбора
Выбор объектов и путей. Используйте инструмент Прямой выбор для выбора вложенных объектов и сегментов контура.
Инструменты представления
Настройка представления области рисования, например панорамирования и масштабирования.
Кисти
Работа с визуальными атрибутами объекта, такими как преобразование кисти или применение градиента.
Инструменты для работы с объектами
Создание в области рисования наиболее распространенных объектов (контуров, фигур, панелей макетов, текстов и элементов управления).
Инструменты для работы с ресурсами
Доступ к окну «Ресурсы» и отображение последнего использованного ресурса из библиотеки.
Окно ресурсов
Окно Ресурсы содержит все доступные элементы управления и похоже на панель элементов в Visual Studio. Помимо элементов управления в окне Ресурсы вы найдете все, что можно добавить в область рисования, включая стили, мультимедиа, поведения и эффекты. Чтобы открыть окно Ресурсы, выберите Представление > Окно «Ресурсы» или нажмите клавиши CTRL+ALT+X.
Окно «Объекты и временная шкала»
Используйте это окно для упорядочивания объектов в области рисования и, если требуется, для их анимации. Чтобы открыть окно Объекты и временная шкала, выберите Просмотр > Структура документа. В дополнение к функциональным возможностям, предоставляемым в окне Структура документа в Visual Studio, в окне «Объекты и временная шкала» в Blend для Visual Studio справа есть область композиции временной шкалы. Временную шкалу следует использовать при создании и редактировании анимаций.
Наведите указатель на каждую кнопку в окне, чтобы получить дополнительные сведения о доступных функциях.
Анимирование объектов в конструкторе XAML
С помощью средства Blend для Visual Studio вы можете с легкостью создавать короткие анимации, которые перемещают объекты или позволяют им исчезать и появляться.
Для создания анимации требуется раскадровка. Раскадровка содержит одну или несколько временных шкал. Задайте опорные кадры на временной шкале, чтобы отметить изменения свойств. Затем при запуске анимации Blend для Visual Studio интерполирует изменения свойств за указанный период времени. Результатом является плавный переход. Вы можете анимировать любое свойство, которое принадлежит к объекту, даже если оно не является визуальным.
На следующих изображениях показана раскадровка под названием Storyboard1. Временная шкала содержит ключевые кадры, которые отмечают позиции X и Y прямоугольника. При запуске анимации прямоугольник плавно перемещается из одной позиции в другую.
Создание анимации
Чтобы создать раскадровку, нажмите кнопку Параметры раскадровки в окне Объекты и временная шкала, а затем выберите Создать.
В диалоговом окне Create Storyboard Resource (Создание ресурса раскадровки) введите имя для раскадровки.
На панели Ресурсы в конструкторе добавьте прямоугольник в нижнюю левую часть страницы.
В окне Объекты и временная шкала переместите желтый указатель времени на 3 секунды.
В конструкторе страницы перетащите прямоугольник в правую часть страницы.
Нажмите кнопку Воспроизвести, чтобы просмотреть, как прямоугольник перемещается с левой части страницы в правую.
Поэкспериментируйте с другими изменениями в прямоугольнике, воспроизводимыми в разные моменты времени. Например, можно изменить цвет заливки или ориентацию в окне свойств.
Обзор функций Blend для Visual Studio | Microsoft Docs
Blend для Visual Studio — это компонент для разработки веб- и Windows-приложений на базе XAML. Познакомьтесь с его функциями и пользовательским интерфейсом рабочей области.
Окно ресурсов Assets window
Окно Ресурсы содержит все доступные элементы управления и похоже на панель элементов в Visual Studio. The Assets window contains all the available controls and is similar to the Toolbox in Visual Studio. Помимо элементов управления в окне Ресурсы вы найдете все, что можно добавить в область рисования, включая стили, мультимедиа, поведения и эффекты. In addition to controls, you’ll find everything you can add to your artboard in the Assets window, including styles, media, behaviors, and effects. Чтобы открыть окно Ресурсы, выберите Представление > Окно “Ресурсы” или нажмите клавиши CTRL+ALT+X. To open the Assets window, choose View > Assets Window or press Ctrl+Alt+X.
Разбираемся
Microsoft Blend используется для создания графических интерфейсов в Windows Presentation Foundation (WPF), Silverlight, веб-приложениях. В Microsoft Blend можно создать визуальное приложение, рисовать фигуры, пути, элементы управления.. можно импортировать изображения, видео, звук..
Я эту информацию нашел на одном зарубежном сайте. Как я понимаю — Microsoft Blend это компонент, который нужен для разработки приложений в Visual Studio 2017 (это студия разработки). Компонент нужен для разработки интерфейса, возможно без него можно обойтись.
Минутку. Что вообще значит интерфейс? Это просто внешний вид программы — менюшки, кнопки, регуляторы всякие, индикаторы.. пункты.. галочки, ползунки — все это часть интерфейса любой программы. У какой-то этого добра меньше, у кого-то больше, но данная часть проги всегда называется интерфейс.
Если у вас есть эта программа, и если вы не программист — то наверно ее можно удалить. Это если логически. Но на практике, скорее всего как раз в том случае, если вы эту прогу не ставили — удалять ее ненужно. Почему:
В общем немного стало понятно.. и тут вдруг я случайно нашел статью на англоязычной Википедии по поводу Microsoft Blend, вот ссылка. Там сказано почти тоже самое. Раньше Microsoft Blend for Visual Studio называлось Microsoft Expression Blend.
Интересно, но существует даже версия Microsoft Expression Blend for Windows Phone — еще со старым названием, как видим, позволяет создавать интерфейс для Windows Phone (операционка для смартфонов).
См. также [ править | править код ]
История
В декабре 2012 года Microsoft объявила о прекращении поддержки отдельных инструментов пакета Expression. Expression Blend был интегрирован в Visual Studio 2012 и Visual Studio Express для Windows 8.
История выпуска
Простой компьютерный блог для души)
Приветствую друзья! Сегодня мы поговорим про одну из программ от Майкрософт — Microsoft Blend for Visual Studio 2017. Поискав информацию понял одно — ее очень мало. Пришлось использовать секретные технологии поиска в недрах интернета и кое-что найти все таки удалось))
Смотрите также
Из SketchFlow для смешивания
Рисунок 2. Наш прототип SketchFlow
Естественный вопрос, который нужно задать в этот момент, заключается в том, можете ли вы превратить свой прототип SketchFlow в рабочий проект, когда будете готовы. Ответ да, вроде …
Прототип SketchFlow — это проект Blend, как и любой другой. В дополнение к элементам, которые вы определяете сами, SketchFlow предоставляет скрытые механизмы для подключения всего, реализации карты SketchFlow, предоставления стилей SketchFlow и, конечно, создания кода, необходимого для проигрывателя SketchFlow. Чтобы преобразовать прототип SketchFlow в производственный проект, у вас есть два варианта:
Удалите все части проекта SketchFlow. Для этого есть инструкции в файлах справки Blend.
Соберите активы, которые вы хотите сохранить, и эффективно скопируйте и вставьте их в новый проект.
Для всех проектов, кроме самых простых, я бы порекомендовал вариант 2. Во-первых, он гарантирует, что в вашем проекте не осталось никаких кусочков SketchFlow. Во-вторых, будучи частью прототипа, ваши экраны, вероятно, довольно небрежны по производственным стандартам. Весь смысл быстрого прототипирования означает, что вы, вероятно, на самом деле не задумывались о таких вопросах, как компоновка, ограничение, изменение размера, именование или хорошие архитектурные практики. По этой причине вам, вероятно, лучше просто просмотреть свой прототип и скопировать элементы (экраны, компоненты, анимации и т. Д.), Которые вы хотите использовать в качестве отправной точки для своего производственного проекта.
В нашем случае прототип настолько прост, что мы можем просто начать заново.
Рисунок 3. Выбор подходящего типа проекта
Беглый взгляд на панель «Проекты» в Blend показывает, что в нашем новом проекте Silverlight на данный момент есть одна страница: MainPage.xaml Вот где мы создадим наш пользовательский интерфейс.
Но мы хотим три страницы, а не одну!
Рисунок 4. Фрейм в MainPage.xaml будет содержать каждую из наших трех страниц приложения
Итак, прежде чем вставить FrameMainPage.xaml
Рисунок 6. Свойство Source определяет, какой XAML-файл Frame будет отображать во время выполнения
Разработка с помощью Microsoft Expression Blend
В моей предыдущей статье мы рассмотрели SketchFlow, инструмент для создания прототипов, который является частью пакета Microsoft Expression Studio. Мы увидели, как быстро создать каркасный прототип для простого приложения для просмотра портфолио, и как использовать функции обратной связи SketchFlow для сбора отзывов заинтересованных сторон и пользователей.
В этой статье мы углубимся в Expression Blend и посмотрим, как запустить прототип нашего портфолио в производство с помощью Microsoft Silverlight. Мы рассмотрим навигацию, макет и примеры данных — и все без написания кода!
Silverlight и Expression Blend
К настоящему времени вы, вероятно, сталкивались с технологией Microsoft Silverlight где-то в Интернете. В двух словах, Silverlight — это предложение Microsoft по предоставлению интерактивных возможностей.
Silverlight предоставляет богатый набор функций для визуального дизайна, анимации, интеграции мультимедиа, макета и визуализации данных. Он обладает широким диапазоном элементов управления с поддержкой скинов и мощными механизмами для определения сложных пользовательских интерфейсов. Silverlight также создан для взаимодействия с веб-платформой. Приложения Silverlight могут легко взаимодействовать с базовым браузером и HTML-страницей, в том числе управлять DOM и вызывать (и вызываться) JavaScript.
Плагин Silverlight работает около 4 МБ с поддержкой Internet Explorer, Safari, Firefox, Opera и Google Chrome. Silverlight работает на Windows и Mac OSX, Linux (через проект Mono) и скоро также будет работать на Windows Phone.
Silverlight для разработчиков
Silverlight для дизайнеров
Для дизайнеров ключевыми преимуществами работы с Silverlight являются четкое отделение дизайна от разработки, предоставляемой платформой, и доступность сложных инструментов дизайна. Silverlight позволяет дизайнерам работать естественно и быть очень продуктивными, при этом практически не требуя программирования.
Это подводит нас к Expression Blend.
Выражение смесь
Expression Blend является частью набора инструментов разработки Microsoft Expression Studio. Это производственный инструмент для проектирования и создания пользовательских интерфейсов для Silverlight в Интернете и Windows Phone, а также для WPF (Windows Presentation Foundation) в Windows и Microsoft Surface. Expression Blend также поддерживает SketchFlow, инструмент быстрого прототипирования, который мы рассмотрели в предыдущей статье.
Сила Blend заключается в том, что он позволяет дизайнерам создавать собственный богатый пользовательский интерфейс, а не описывать интерфейс в каркасах, картах сайтов и композициях для посторонних (и, возможно, неверно истолковывать). Blend позволяет дизайнерам создавать производственный интерфейс самостоятельно, если они того пожелают, при этом работая с привычными инструментами и концепциями. Это позволяет дизайнерам не только работать более продуктивно, но и дольше работать над их дизайном, так как меньше требуется формальная передача команды разработчиков.
Дизайнер-разработчик Workflow: секретный соус
Когда я работал в Microsoft, одним из наших ключевых сообщений был улучшенный рабочий процесс дизайнер-разработчик, который понравился дизайнерам, использующим Blend, и разработчикам, использующим Visual Studio. Дизайнеры и разработчики могут одновременно работать над одним и тем же проектом в Blend и Visual Studio. Дизайнеры любят это, потому что это делает их полноправными членами команды проекта, позволяя им вносить равный вклад в проект, а не восприниматься как посторонние, которые должны полагаться на доброту разработчиков, чтобы увидеть свою работу реализованной.
Декларативные пользовательские интерфейсы с XAML
Основой Silverlight и WPF является язык определения пользовательского интерфейса XAML. XAML — это язык на основе XML для определения содержимого, макета и поведения пользовательских интерфейсов. На рисунке 1 «В основе вашего опыта Silverlight лежит язык XAML на основе XML» показан элемент интерфейса кнопки и соответствующий код XAML, который создает кнопку. Хотя синтаксис и механика языка сильно отличаются от HTML, его намерения аналогичны. Именно XAML делает возможными инструменты проектирования пользовательского интерфейса, такие как Blend. Как дизайнеру, стоит понять основы работы XAML. Хотя обычно нет необходимости иметь возможность кодировать в XAML (я пока не нашел в этом необходимости), может быть полезно иметь возможность читать XAML, чтобы помочь отладить любое необъяснимое поведение в вашем проекте.
Рисунок 1. В основе вашего опыта Silverlight лежит язык XAML на основе XML
Из SketchFlow для смешивания
Рисунок 2. Наш прототип SketchFlow
Естественный вопрос, который нужно задать в этот момент, заключается в том, можете ли вы превратить свой прототип SketchFlow в рабочий проект, когда будете готовы. Ответ да, вроде …
Прототип SketchFlow — это проект Blend, как и любой другой. В дополнение к элементам, которые вы определяете сами, SketchFlow предоставляет скрытые механизмы для подключения всего, реализации карты SketchFlow, предоставления стилей SketchFlow и, конечно, создания кода, необходимого для проигрывателя SketchFlow. Чтобы преобразовать прототип SketchFlow в производственный проект, у вас есть два варианта:
Удалите все части проекта SketchFlow. Для этого есть инструкции в файлах справки Blend.
Соберите активы, которые вы хотите сохранить, и эффективно скопируйте и вставьте их в новый проект.
Для всех проектов, кроме самых простых, я бы порекомендовал вариант 2. Во-первых, он гарантирует, что в вашем проекте не осталось никаких кусочков SketchFlow. Во-вторых, будучи частью прототипа, ваши экраны, вероятно, довольно небрежны по производственным стандартам. Весь смысл быстрого прототипирования означает, что вы, вероятно, на самом деле не задумывались о таких вопросах, как компоновка, ограничение, изменение размера, именование или хорошие архитектурные практики. По этой причине вам, вероятно, лучше просто просмотреть свой прототип и скопировать элементы (экраны, компоненты, анимации и т. Д.), Которые вы хотите использовать в качестве отправной точки для своего производственного проекта.
В нашем случае прототип настолько прост, что мы можем просто начать заново.
Давайте начнем
Рисунок 3. Выбор подходящего типа проекта