一起学习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.

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章