Avalonia是用于.NET Framework，.NET Core和Mono的跨平台XAML框架。

Avalonia提供了.NET standard 2.0 NuGet软件包和一套用于Visual Studio和.NET Core的模板。此外还提供了用于Visual Studio的可视化设计器。

注：如果熟悉WPF或UWP，那么您应该对Avalonia感到宾至如归。尽管Avalonia与这两个框架都不兼容（因此控件无法直接使用），但有很多相似之处。

控件

Avalonia提供了许多核心控件，最常用的如下：

• 按钮：Button、RepeatButton
• 数据显示：ItemsControl、ItemsRepeater、ListBox、TreeView
• 输入：CheckBox、ComboBox、RadioButton、Slider、TextBox
• 布局：Border、Canvas、DockPanel、Expander、Grid、GridSplitter、Panel、Separator、ScrollBar、ScrollViewer、StackPanel、ViewBox、WrapPanel
• 菜单：ContentMenu、Menu、NativeMenu
• 导航：TabControl、TabStrip
• 用户信息：ProgressBar、TextBlock、ToolTip

布局

创建用户界面时，可以按位置和大小进行控件的排列并形成布局。任何布局的一个关键要求是适应窗口尺寸和显示设置的变化。Avalonia提供了一流的，可扩展的布局系统，因此，不需要编写代码来适应这种布局。

这套布局系统的基础是使用相对位置，这提高了适应变化的窗口和显示条件的能力。另外，布局系统管理控件之间的协商以确定布局。协商过程分为两个步骤：首先，控件告诉其父级所需的位置和大小；其次，其父级告诉该控件可以拥有什么空间。

布局系统通过Avalonia基类暴露给子控件。对于常见的布局，例如网格，堆叠和停靠等，Avalonia包含几个布局控件：

• Panel：子控件相互堆叠以填充面板
• Canvas：子控件提供自己的布局
• DockPanel：子控件与面板的边缘对齐
• Grid：子控件按行和列定位
• StackPanel：子控件垂直或水平堆叠
• WrapPanel：子控件按从左到右的顺序放置，并且当当前行上的控件多于允许的空间时，则将其换到下一行

您也可以通过从Panel类派生来创建自己的布局。

样式

Avalonia中的样式用于在控件之间共享属性设置。Avalonia样式系统可以认为是CSS样式和WPF/UWP样式的混合。最基本的样式包括一个selector和一组setter。

下方样式选择Window中任何带有h1样式类的TextBlock，并将其字体大小设置为24磅，字重设置为粗体：

图形

Avalonia引入了可扩展的，可伸缩的，并且灵活的图形特性，具有以下优点：

• 与分辨率无关和与设备无关。Avalonia图形系统中的基本度量单位是与设备无关的像素，无论实际的屏幕分辨率如何，像素都是1/96英寸，并为与分辨率无关和与设备无关的渲染提供了基础。每个与设备无关的像素都会自动缩放以匹配其渲染系统的DPI设置（每英寸的点数）。
• 高精度。Avalonia坐标系是使用双精度浮点数来测量的，而不是单精度浮点数。转换和不透明度值也为双精度。
• 先进的图形和动画支持。Avalonia通过管理动画场景来简化图形编程。无需担心场景处理，渲染循环和双线性插值。此外，Avalonia还提供了hit-testing支持和完整的alpha-compositing支持。
• Skia。Avalonia默认使用Skia渲染引擎，该引擎也用于Google Chrome和Chrome OS，Android，Mozilla Firefox和Firefox OS以及许多其他产品。

以上是本文对Avalonia UI的简单介绍，后续文章将对其使用进行介绍。