Design XAML in Visual Studio and Blend for Visual Studio. 4 minutes to read.In this articleVisual Studio and Blend for Visual Studio both provide visual tools for building engaging user interfaces and rich media experiences with XAML for a variety of app types. Both integrated development environments (IDE) share a common set of features, including a visual XAML editor (designer).
Blend for Visual Studio, which supports the WPF and UWP platforms, provides additional tools for designing visual states and creating animations.You can switch back and forth between Visual Studio and Blend for Visual Studio, and you can even have the same project open in both IDEs at the same time. Changes that are saved to XAML files in one IDE can be applied via automatic reload when you switch to the other IDE. You can control the reload behavior by navigating to Tools Options Environment Documents in either IDE. Installation. To create WPF apps, install the.NET desktop development workload in Visual Studio. Blend for Visual Studio will also be installed.
To create UWP apps, install the Universal Windows Platform development workload in Visual Studio. Blend for Visual Studio will also be installed. To create Xamarin.Forms apps, install the Mobile development with.NET workload in Visual Studio. Blend for Visual Studio is not installed; Blend doesn't support Xamarin.Forms apps.Shared capabilitiesFor most fundamental development tasks, Visual Studio and Blend for Visual Studio share the same set of windows and capabilities, with some subtle differences. Some highlights include:.IntelliSense: Both IDEs support IntelliSense capabilities such as statement completion.Debugging: You can debug in and, including setting breakpoints in code to debug a running app and using to change your XAML code while the app is running. To maintain a consistent debugging experience with Visual Studio, Blend for Visual Studio includes most of Visual Studio's debugging windows and toolbars.File reload: You can edit your XAML files in either Visual Studio or Blend for Visual Studio.
Edited files that have been saved reload automatically as you switch between IDEs. You can control the reload behavior by navigating to Tools Options Environment Documents in either IDE.Synchronized layouts and settings: Customized tool window layouts and settings preferences for either Visual Studio or Blend for Visual Studio are synchronized across your devices and versions when you sign in with the same personalization account. See.Advanced capabilities in Blend for Visual StudioTo increase your productivity, consider using Blend for Visual Studio for the following tasks. These are the areas where Blend for Visual Studio offers more functionality than the Visual Studio designer or code alone.
Visual Studio Xaml Designer
TaskVisual StudioBlend for Visual StudioMore informationDesign visual statesThere is no tool to help you design visual states; you must create them programmatically.Use design tools to change the appearance of a control based on its state.Create animationsThere is no design tool for animations; you have to create them programmatically. This requires an understanding of the animation and timing system in WPF and extensive coding expertise.You create animations visually and can preview them in Blend for Visual Studio. This is faster and more accurate than building your animations in code.
Xaml Designer Toolbox
You can add triggers to handle user interaction, and you can switch to code to add event handlers and other functionality.Turn shapes and text into paths for easier manipulationNot supported.You can make subtle or dramatic changes to shapes (such as rectangles and ellipses) by converting them to paths, which provide better editing control.