一起学习Avalonia(二)

Posted honeys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一起学习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类的实例又是怎么处理的呢?

以上是关于一起学习Avalonia(二)的主要内容,如果未能解决你的问题,请参考以下文章

一起学习Avalonia(十二)

一起学习Avalonia(十四)

一起学习Avalonia(九)

一起学习Avalonia(八)

一起学数据结构与算法深度学习队列

一起学数据结构与算法深度学习栈