XAML Essentials

Importing a namespace

The semantic of xmlns:x basically means importing a namespace as an alias named x. Then we can use : to access the members of the namespace. x:Class binds the code behind(.axaml.cs) the AXAML(not the ViewModel!).

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="AvaloniaApplication.App"
             xmlns:local="using:AvaloniaApplication"
             RequestedThemeVariant="Default">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
</Application>

Spreading Namespace

The default namespace is imported without name, which mean its members are imported globally in this AXAML file, can be accessed them without any prefix. Generally the default is avalonia namespace which contains built-in components like Button, TextBlock.

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="AvaloniaApplication.App"
             xmlns:local="using:AvaloniaApplication"
             RequestedThemeVariant="Default">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->
</Application>

Import from Project Namespace

using:<namespace> imports the namespace from specific project with the alias name local

<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="AvaloniaApplication.App"
             xmlns:local="using:AvaloniaApplication"
             RequestedThemeVariant="Default">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->

    <Application.DataTemplates>
        <local:ViewLocator/> <!-- use `local` here to access types from it --> <!-- [!code highlight]  -->
    </Application.DataTemplates>
</Application>