что такое 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 в 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.
Что такое Microsoft Blend?
Что такое Microsoft Blend?
Этот продукт был разработан и продан корпорацией Майкрософт, и, когда пакет Microsoft Expression Studio был еще доступен, он был его неотъемлемой частью.
В общем, Microsoft Blend для Visual Studio — это еще один способ для Microsoft побудить разработчиков создавать все больше и больше программ, расширяя имеющиеся у них ресурсы более универсальным образом.
Для чего используется Microsoft Blend?
Microsoft Blend для Visual Studio — это интерактивный интерфейс WYSIWYG для разработки интерфейсов на основе XAML для приложений Windows Presentation Foundation, Silverlight и UWP.
Он помогает вам разрабатывать Windows и веб-приложения на основе XAML. Он поставляется с тем же базовым опытом проектирования XAML, что и Visual Studio, при добавлении визуальных дизайнеров для сложных задач, таких как анимация и поведение.
С тех пор, как пакет Microsoft Expression Studio был прекращен, Microsoft Blend для Visual Studio стала частью пакета Visual Studio. По этой причине он выпускается почти ежегодно вместе с Visual Studio и постоянно обновляется.
Как я могу использовать Microsoft Blend?
Пользовательский интерфейс для Microsoft Blend довольно прост и включает стандартную конструкцию на основе панели инструментов, которую можно ожидать в типичных программах проектирования.
Окно Активы
Если вы знаете, как использовать Visual Studio, то вы найдете окно Microsoft Blend’s Assets чрезвычайно знакомым. Помимо элементов управления, вы найдете все, что нужно для вашего артборда в окне Активы.
Они включают в себя практически все, от стилей и медиа, до поведения и эффектов.
Окно Объекты и Временная шкала
После добавления всех элементов и эффектов пользовательского интерфейса вы можете упорядочить и запрограммировать их поведение через это окно. Интерфейс этого окна аналогичен интерфейсу инструмента редактирования видео, где вы задаете поведение и действия в пределах временной шкалы.
Заключительные мысли
Независимо от того, насколько полезно приложение, оно никогда не будет иметь ожидаемого успеха, если оно не будет выглядеть так, чтобы привлечь ваших пользователей. Если у вас нет навыков, чтобы сделать интерфейс привлекательным, вы можете, по крайней мере, сделать его простым.
Учитывая все вышесказанное, такой инструмент, как Microsoft Blend, необходим для независимых и профессиональных разработчиков.
Используете ли вы Microsoft Blend для разработки пользовательского интерфейса вашего приложения? Дайте нам знать в разделе комментариев ниже.
СВЯЗАННЫЕ СТАТЬИ ВЫ ДОЛЖНЫ ПРОВЕРИТЬ:
Отладка XAML в Blend
средства в Blend для Visual Studio можно использовать для отладки XAML в приложении. При сборке проекта все ошибки отображаются на панели Результаты. Для поиска разметки, относящейся к ошибке, дважды щелкните ошибку. Если требуется больше места для работы, панель результатов можно скрыть, нажав клавишу F12.
синтаксические ошибки;
Синтаксические ошибки возникают, если XAML или файлы с выделенным кодом не соответствуют правилам форматирования данного языка. По описанию ошибки можно понять способ ее устранения. В этом списке также указывается имя файла и номер строки, где возникает ошибка. Ошибки XAML перечислены на вкладке Разметка панели Результаты.
Язык разметки XAML основан на XML и следует правилам синтаксиса XML.
Вот несколько наиболее распространенных причин синтаксических ошибок XAML:
Ошибка в написании ключевого слова или неправильный регистр.
Отсутствуют кавычки вокруг атрибутов или текстовых строк.
У элемента XAML отсутствует закрывающий тег.
Элемент XAML находится в недопустимом месте.
Дополнительные сведения об общем синтаксисе XAML см. в разделе Руководство по синтаксису XAML.
Можно также выявление и устранение простых синтаксических ошибок, ошибок компиляции и ошибок времени выполнения в Blend. Однако обнаружить и исправить ошибки кода программной части, возможно, легче в Visual Studio.
Отладка примера кода XAML
В следующем примере будет рассмотрен простой сеанс отладки XAML в Blend.
Создание проекта
В Blend откройте меню файл и выберите пункт создать Project.
В левой части диалогового окна Создание проекта отображается список типов проектов. При выборе типа проекта щелчком связанные с этим типом шаблоны проектов отображаются справа.
в списке типов проектов выберите Windows универсальный.
В списке шаблонов проектов щелкните пустое приложение (универсальное Windows).
В текстовом поле Расположение проверьте расположение проекта.
В списке Язык выберите Visual C# и нажмите ОК для создания проекта.
Щелкните правой кнопкой мыши на поверхности разработки, затем нажмите Показать исходный код, чтобы переключиться в представление Разделить.
Скопируйте следующий код, нажав ссылку Копировать в правом верхнем углу области кода.
Найдите элемент Grid по умолчанию и вставьте код между открывающим и закрывающим тегами Grid. В результате ваш код должен выглядеть примерно следующим образом.
Появится сообщение об ошибке, извещающее о том, что проект не может быть собран, а в нижней части приложения отобразится панель Результаты с перечнем ошибок.
Устранение ошибок XAML
При обнаружении ошибок XAML поверхность разработки отображает оповещение о том, что проект содержит недопустимую разметку. По мере разрешения ошибок перечень ошибок на панели Результаты обновляется. После разрешения всех ошибок поверхность разработки включается, и на ней отображается ваше приложение.
Устранение ошибок XAML
Двойным щелчком выберите «Член «содержимое» не распознан или недоступен». Символ c в content должен быть в верхнем регистре. Замените строчный символ «c» прописным «c».
Дважды щелкните «свойство» имени «не существует в http://schemas.microsoft.com/winfx/2006/xaml пространстве имен». Вместо символа «M» в «Mame» должен стоять символ «N». Замените «M» на «N». Теперь, когда XAML может быть проанализирован, приложение появляется на поверхности разработки.
Отладка в Visual Studio
Дополнительные сведения об отладке приложения см. в разделе Отладка приложений UWP в Visual Studio.
Получить помощь
Если вам нужна дополнительная помощь в отладке приложения Blend, вы можете найти в форумах сообщества приложений UWP сообщения, связанные с проблемой, или отправить вопрос.
990x.top
Простой компьютерный блог для души)
Microsoft Blend for Visual Studio 2017 — что это за программа?
Приветствую друзья! Сегодня мы поговорим про одну из программ от Майкрософт — Microsoft Blend for Visual Studio 2017. Поискав информацию понял одно — ее очень мало. Пришлось использовать секретные технологии поиска в недрах интернета и кое-что найти все таки удалось))
Разбираемся
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 (операционка для смартфонов).
Внешний вид
В плане внешнего вида показать особо нечего — поймет только программист или какой-то спец. Вот например открыт редактор, вижу там проект открыт, в общем.. рабочая обстановка так бы сказать:
Это только часть внешнего вида программы. Полная картинка — огромно широкая, так как программисты любят программировать на больших широких экранах))
Но в заголовке как видите — название Microsoft Blend for Visual Studio:
А вот пример создания.. фигуры какой-то:
Фигура мне напоминает тапочек, может это и есть какой-то тапочек))
Вот окно, в заголовке пишется Blend Test App — видимо тестирование чего-то.. и вот открыто меню View, смотрите сколько здесь пунктов:
В очередной раз убеждаемся — прога для разработчиков, обычный юзер тут ничего не поймет))
Кроме черного бывает и белое оформление:
На самом деле кроме Microsoft Blend for Visual Studio 2017 у вас могут быть и другие компоненты установлены, это нормальное явление. Часто мы ставим разные проги, и вместе с ними ставятся еще какие-то.. так бы сказать вспомогательные. А бывает еще ставится софт от Маил ру, от Яндекса..))