Concepts
This section contains pages that will help you understand more abstract concepts used by Avalonia. This is background and theory information, supported by code samples you can work through where relevant.
Essentials
Learn about Avalonia XAML, the XML-based markup language used to define the user interface with Avalonia.
The main window is where most of your UI is displayed to users.
The top level is the visual root, which handles layout, styling and rendering for other controls.
How cross-platform app architecture works in the Avalonia framework.
An overview of the Model-View-ViewModel (MVVM) pattern, a common app structure that makes use of data binding to move data between parts.
How to use data binding to move data from application objects to UI controls, and change data in response to user input.
Advanced topics
Use data templates to specify how data of a particular type should be presented.
Avalonia uses compiled bindings by default to improve the performance of your app.
How to include assets such as images in your app.
Understand the principles behind Avalonia's layout system, which allows you to arrange controls on your UI.
Learn about Avalonia's styling system for customizing controls.
Avalonia uses the abstract concept of a "pointer device" to represent input from devices such as mouse, touchpad or pen.
Have questions or feedback? Join the conversation below.