一起学习Avalonia(二）

周末如期而至。今天介绍一点点Avalonia模板生成项目的内容。

Avalonia的UI一样是通过xmal实现的，我们生成项目后，与WPF有相同和不同的地方，现在来看看是什么东西。

1.项目结构

   这里项目结构按照MVVM的样式生成的，我不打算多说这个了。总之，xmal直接绑定的类是viewmodel.

2.app.xmal

 这里和WPF就不一样了，WPF是直接指定一个地址，用来启动程序主窗口和一些资源。

Avalonia引用空间任然一样，我们重点聊聊其余部分。

 

<Application.DataTemplates>
        <local:ViewLocator/>
    </Application.DataTemplates>

在程序中自动生成了ViewLocator类，这个类就是用来初始化基本UI的，比如当前主窗口是MainWindow，对应的绑定了MainWindowViewModel数据类，ViewLocator通过数据类全名称找到了view的东西。当前还用不到，放在一边。

  启动是不是这个呢？不是。

Avalonia启动和asp.net core相似，Program中main方法决定了启动，加入APP类，程序入口调用了APP的初始化函数，解析了xmal,最后完成调用OnFrameworkInitializationCompleted方法，在内部初始化MainWindow，并且为其绑定MainWindowViewModel。这样启动了主窗口。

  回到APP。 

<Application.Styles>
        <StyleInclude Source="avares://Avalonia.Themes.Default/DefaultTheme.xaml"/>
        <StyleInclude Source="avares://Avalonia.Themes.Default/Accents/BaseLight.xaml"/>
    </Application.Styles>

这是另外一部分，这个就和WPF不同了，Avalonia扩展了资源引用，采用了Styles来应用样式集。StyleInclude节点是表明包含这这个样式集，DefaultTheme.xaml中可能本身包含了多个样式集。

当然也可以为控件使用样式，我们后面在详细聊这个。当前我们根据项目样式来。

大家可以先看看这个：https://avaloniaui.net/docs/styles  以及https://avaloniaui.net/docs/quickstart/assets 注意区分。

Styles节点后面的路径。

avares是引用资源的方法，另外还有resm。 resm需要作为清单嵌入的方式，由编译器完成。

Source="avares://Avalonia.Themes.Default/DefaultTheme.xaml"表明以avares查找程序集Avalonia.Themes.Default.dll中名称为DefaultTheme.xaml的样式集文件。如果程序集中有路径，则可能是这样的：

Source="avares://Avalonia.Themes.Default/Styles/DefaultTheme.xaml",说明放在Styles目录里面。

resm的方式是放在程序集集资源清单中的资源，例如:<Image Source="resm:MyApp.Assets.icon.png"/>

此时文件的属性中应该是嵌入资源：

3.MainWindow.xmal

  这里基本和WPF一样了。只是Avalonia在开发时绑定数据源是这个：

 <Design.DataContext>
        <vm:MainWindowViewModel/>
    </Design.DataContext>

这样绑定了当前程序的MainWindowViewModel类，

<TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

这样讲textblock的属性关联了MainWindowViewModel类的Greeting属性。

MainWindowViewModel类的实例又是怎么处理的呢？🙂，请回到App.xmal.

本周的学习就到这里，欢迎大家讨论并指正错误。