Skip to main content

Avalonia for Visual Studio extension

Features​

The Avalonia for Visual Studio extension provides an enhanced way of working with Avalonia XAML files. It does this by providing:

  • An enhanced editor with deep integrations for a rich editing experience.
  • A Previewer so you can see what the UI will look like without having to run the application.

Installation​

See Set Up Your IDE for installation instructions.

Enhanced Editor​

The editor for Avalonia XAML includes the following capabilities:

  • Smarter, more helpful Intellisense while typing.
  • Error highlighting and fix suggestions.
  • Automatic XAML namespace imports.
  • Full colorization of the XAML.
  • "Go To Definition" navigation.
  • Intelligent hover tips.
  • Automatic document formatting.
  • Outlining of the document so you can collapse elements.

Previewer​

The previewer allows you to see what the UI of the open document will look like without needing to run the application.

For more information, please see Previewing your UI design.

A screenshot demonstrating a test of the Avalonia XAML previewer.

Settings​

Multiple options are provided to allow you to configure the way the editor and previewer behave.

These can be accessed by selecting Options from the Tools menu inside Visual Studio.

A screenshot showing the options dialog.

SettingDescriptionOptions
Color SchemeControls how the AXAML file contents are colored. Requires a paid account to change.
  • Roslyn (Default): Colors are based on equivalent C# classifications.
  • XML: Colors are assigned as if a regular XML document.
Default Document ViewWhat is displayed when a document is opened.
  • Split (Default): Both the code and the previewer.
  • Design: Just the previewer
  • Source: Just the source code.
Split OrientationWhether to split the orientation horizontally or vertically.
  • Horizontal (Default): Editor and previewer are displayed side by side.
  • Vertical: Editor and previewer are displayed one above the other.
SwappedSwitch the positions of the editor and previewer in Split mode.Checked: Positions are swapped.
Default Zoom LevelHow the window content is sized.
  • 50%, 75%, 100% (Default), 125%, 150%, 200%
  • Fit to Width: Scale the preview to the available width.
  • Fit All: Fill the entire previewer.
Minimum Log VerbosityMinimum LogLevel for the extension to produce log output.Trace, Debug, Information (Default), Warning, Error, Critical, None
Telemetry EnabledIf basic usage telemetry should be reported. Requires a paid account to change.
  • Checked (Default): Telemetry is reported.
  • Unchecked: Telemetry is not reported.
Experimental PreviewerUse the new version of the previewer. Recommended for most users.
  • Checked (Default): New previewer version
  • Unchecked: Older previewer version
Signed in statusIf signed in, shows the name of the account.Link to sign in or out.

See also​

On this page