Name already in use
visualstudio-docs / docs / xaml-tools / creating-a-ui-by-using-blend-for-visual-studio.md
- Go to file T
- Go to line L
- Copy path
- Copy permalink
- Open with Desktop
- View raw
- Copy raw contents Copy raw contents
Copy raw contents
Copy raw contents
Blend for Visual Studio overview
Blend for Visual Studio helps you design XAML-based Windows and Web applications. It provides the same basic XAML design experience as Visual Studio and adds visual designers for advanced tasks such as animations and behaviors. For a comparison between Blend and Visual Studio, see Design XAML in Visual Studio and Blend for Visual Studio.
Blend for Visual Studio is a component of Visual Studio. To install Blend, in the Visual Studio Installer choose either the Universal Windows Platform development or .NET desktop development workload. Both of these workloads include the Blend for Visual Studio component.
If you’re new to Blend for Visual Studio, take a moment to become familiar with the unique features of the workspace. This topic takes you on a quick tour.
You can use the Tools panel in Blend for Visual Studio to create and modify objects in your application. The Tools panel appears on the left-hand side of the XAML designer when you have a .xaml file open.
You create the objects by selecting a tool and drawing on the artboard with your mouse.
[!TIP] Some of the tools in the Tools panel have variations, for example, instead of a rectangle, you can choose an ellipse or a line. To access these variations, right-click or click and hold on the tool.
Select objects and paths. Use the Direct Selection tool to select nested objects and path segments.
Adjust the view of the artboard, such as for panning and zooming.
Work with the visual attributes of an object, such as transforming a brush or applying a gradient.
Draw the most common objects on the artboard, such as paths, shapes, layout panels, text, and controls.
Access the Assets window and show the most recently used asset from the library.
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. To open the Assets window, choose View > Assets Window or press Ctrl+Alt+X.
- Enter text in the Search Assets box to filter the list of assets.
- Switch between Grid mode and List mode view view of assets by using the buttons at the top right.
Objects and Timeline window
Use this window to organize the objects on your artboard and, if you want, to animate them. To open the Objects and Timeline window, choose View > Document Outline. In addition to the functionality provided in the Document Outline window in Visual Studio, the Objects and Timeline window in Blend for Visual Studio has a timeline composition area on the right. Use the timeline when you’re creating and editing animations.
Use the storyboard-related buttons to create, delete, close, or select a storyboard. Use the Timeline composition area on the right to view the timeline and move keyframes.
Hover over each button in the window to learn more about the available functionality.
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 Visual C++ (VCRedist), и вот если он не установлен, то некоторые программы тоже могут не работать.
- Если вы устанавливали Visual Studio 2017, то Microsoft Blend мог установиться просто как дополнительный компонент, а пользоваться им или нет — решать вам.
- Можно ли удалять? Можно. Будут ли проблемы? Думаю возможно. Учитывая то, что компонент никак не грузит комп, то я бы посоветовал его оставить, чтобы не создать проблемы на голом месте))
В общем немного стало понятно.. и тут вдруг я случайно нашел статью на англоязычной Википедии по поводу 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 у вас могут быть и другие компоненты установлены, это нормальное явление. Часто мы ставим разные проги, и вместе с ними ставятся еще какие-то.. так бы сказать вспомогательные. А бывает еще ставится софт от Маил ру, от Яндекса..))
Что такое Microsoft Blend?
Microsoft Blend для Visual Studio , также известный как 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 довольно прост и включает стандартную конструкцию на основе панели инструментов, которую можно ожидать в типичных программах проектирования.
- Инструменты выбора
- Просмотр инструментов
- Инструменты кисти
- Инструменты объекта
- Инструменты актива
Чтобы создать новый пользовательский интерфейс и запрограммировать его поведение, вам потребуется два основных окна в Microsoft Blend. Это окна Активы, Объекты и Временная шкала .
Окно Активы
Если вы знаете, как использовать Visual Studio, то вы найдете окно Microsoft Blend’s Assets чрезвычайно знакомым. Помимо элементов управления, вы найдете все, что нужно для вашего артборда в окне Активы.
Они включают в себя практически все, от стилей и медиа, до поведения и эффектов.
Окно Объекты и Временная шкала
После добавления всех элементов и эффектов пользовательского интерфейса вы можете упорядочить и запрограммировать их поведение через это окно. Интерфейс этого окна аналогичен интерфейсу инструмента редактирования видео, где вы задаете поведение и действия в пределах временной шкалы.
Заключительные мысли
Независимо от того, насколько полезно приложение, оно никогда не будет иметь ожидаемого успеха, если оно не будет выглядеть так, чтобы привлечь ваших пользователей. Если у вас нет навыков, чтобы сделать интерфейс привлекательным, вы можете, по крайней мере, сделать его простым.
Учитывая все вышесказанное, такой инструмент, как Microsoft Blend, необходим для независимых и профессиональных разработчиков.
Используете ли вы Microsoft Blend для разработки пользовательского интерфейса вашего приложения? Дайте нам знать в разделе комментариев ниже.
Интеграция дизайна с помощью Blend
Продолжаем публиковать e-Lectures — небольшие видеолекции от наших мобильных разработчиков.
Сегодня речь пойдет о работе с инструментом Blend для Visual Studio. Он помогает проектировать и создавать пользовательские интерфейсы, предоставляя точные средства и рабочую область конструирования, с помощью которых можно визуально создавать и изменять приложения.
Как быстро интегрировать макеты от дизайнера в приложение? Чего не хватает в визуальном редакторе XAML в Visual Studio? Почему иногда совершенно не обойтись без Blend? Как мы используем Blend в e-Legion? Об этом и о многом другом расскажет наш ведущий Windows-разработчик — Тимур garifzyanov Гарифзянов.