EdwardShare

导航

 

1.XAML是什么?

XAML是扩展标记语言,是为了方便设计人员设计UI界面。具体关于XAML语法的讲解参考其他相关书籍。

 XAML每一个标签以<>开头,以</>结尾,作为标识中间可以放许多东西。

XAML是对XML的扩展

XAML注释:

<!---->

example:

<dog></dog>

<dog name ='s' age = 12 ......></dog>,其中 name ='s' age = 12 ...... 表示狗的属性,属性之间用空格分开,可以理解为Key 和 Value的对应。

如果dog这个对象还有其他东西,则需要在其中加入 .

example:

<dog>

  <lingdang color = 'red'>

  </lingdang>

</dog>

 name ='s' age = 12 ......是属于狗的特有属性,但是<lingdang color = 'red'>不是狗特有的属性,属于包含的关系,所以XMAL语言的关键在于可以清楚的描述包含和被包含的关系。

同理,WPF最强悍的地方就是可以通过XMAL语言来描绘界面的层级关系,即包含和被包含的关系。具体关系如下图所示,和dog的关系类似,铃铛本身不属于狗,是我人为的添加进去的,就像按钮本身不属于window ,是我人为的添加进去的,对于窗口来说有尺寸大小,背景颜色等等其他属性,但是没有按钮属性。
我相信通过这样的描述可以清晰的解释XMAL 是如何描述窗体界面的。

2.为什么要使用XAML?

使用XMAL语言可以很好的描述窗口包含和被包含的关系。如果直接写代码,在阅读的时候不是特别直观而且写起来特别累,这也不符合WPF设计软件的初衷。

 

3.在WPF中使用XAML

使用的是.Net6平台 WPF  

 

 

 

 

新建一个过程文件,其中默认的代码段如下:

<Window x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApp1"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
    <Grid>

    </Grid>
</Window>

在我们看来上述的XAML是描述界面,但是在背后的一套操作下来其实是讲XAML翻译成了C#代码,这其实是编译器在为我们干的一件事。即将XAML=>>C#语言。

而在写逻辑操作的时候使用C#语言。

如上图所示,每当新建一个窗口的时候,都对应的生成2个文件,一个是XAML另外一个是CS文件。每个文件的作用

XAML:负责界面的布局。

CS:负责逻辑操作的编写。

简单来理解就是一个负责貌美如花,发号命令,另外一个负责去做,一个主外一个主内。

XAML和CS文件在编译器中是CS包含在XAML中但是人家是2个单独的文件。如下图:

 编译是将这2个文件融合:

4.那么是怎么融合的?

这个问题对于初学的我来说也是困扰。郁闷 ,我在阅读C#代码时候发现了

Partial 关键字,是个可扩展的类,相同的类名在同一个程序集下最终编译的时候会编译成一个整体,这不过现在一个是C#文件一个是XAML文件,其实通俗的讲可以将Mainwindow XAML 可以看做一个Mainwindow类。最终结果如下图所示:

编译器的工作就是将XAML=>>C#文件

 

 

2者之间如何保持联系 ?

<Window x:Class="WpfApp1.MainWindow"这句话就说明了,我在XAML中必须定义C#的类。描述了我的属性和哪一个Partial类联系在一起。

每一个窗口都需要一个构造函数如下:

那么这个构造函数做了什么事情,为什么需要构造函数?

通过进入InitializeComponent函数,发现这个函数里面做的事情很简单,就是将xaml文件读入进入后台。这样就建立了前台的UI和后台的代码部分的融合。

当然当我在XAML中也可以调用后台C#的代码:

例如: 我在C#中写了一个函数,我在XAML中也可以通过某一个事件去调用这个函数。即 后台代码可以被前台界面调用,这就是XAML的好处,利用XAML的可读性来描述UI界面,逻辑代码放置于C#中。

 

 

------------------------后期继续更新,欢迎大家一起相互学习探讨  ,作者会不断更新,有什么问题可以留言。

------------------------我始终相信一支独放不是春,万紫千红春满园。希望有更多优秀的小伙伴加入其中。

------------------------如果有写错的地方,欢迎大家指出来。

------------------------更新2022.12.25

posted on 2022-12-22 13:20  程序员的夏天  阅读(65)  评论(0编辑  收藏  举报