WPF入门到放弃（二） | 初识XAML

JZGKCHINA

工控技术分享平台

尊重原创 勿抄袭

勿私放其他平台

WPF也是我今年刚开始深入去了解，看了不少的学习视频和书籍，受剑神Python入门到放弃的启发，想把这段时间学习内容做个总结，一是因为我相信技术总是需要不断的总结与练习才能有所进步，二是希望帮助初学者对WPF有个初步的了解，大家一起探讨学习进步。

来吧！一起学起来！

1. WPF入门到放弃（一） | 安装与创建

说明：

本文主要介绍WPF(Windows Presentation Foundation)，是微软推出的一项基于windows操作系统、.NET平台的C/S客户端构建技术。

软件下载地址：

https://visualstudio.microsoft.com/zh-hans/vs/

这里使用的是Visual Studio 2019 社区版

第2讲

初识XAML

XAML是一种基于 XML 的标记语言，以声明形式实现应用程序的外观。通常用它定义窗口、对话框、页面和用户控件，并填充控件、形状和图形。

下面来具体学习一下，上一节结束时建的项目：

上面一段代码是自动生成的，让我们来分解此XAML代码，以便更好地了解它。

• 首先是最外层<Window></Window>代表着一个<Window>元素，代表整个窗口，<Grid> </Grid>代表着一个< Grid >元素，可以放置所有的控件。总体结构其实是一个窗体对象内嵌套一个Grid对象。
• xmlns是xml-namespace的缩写，是用来定义名称空间的，当来源不同的类重名时，可以使用名称空间加以区分。xmlns后可以跟一个可选的映射前缀，之间用冒号分割。
• xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 是默认名称空间，这种不带映射前缀的名称空间只能有一个，一般选用元素最频繁使用的名称空间。<Window>< Grid >等常见元素都来自于这个名称空间。
• xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"这个名称空间与解析XAML语言相关。x:Class 向为 XAML 页提供代码隐藏的类指定 CLR 命名空间和类名。必须具有这样一个类才能支持每个 WPF 编程模型的代码隐藏， 本项目此特性将 <Window> 映射到代码定义的类型HelloWord.MainWindow类。
• xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
• xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
• mc:Ignorable="d"
• 这三个作用是：可将 d: 置于任何特性或控件之前，使其仅在 XAML 设计器中显示，而不在运行时显示。
• xmlns:local="clr-namespace:HelloWord" 这将名称空间HelloWord映射到前缀local，在XAML中使用您在名称空间HelloWord中的代码中定义的类或属性之一，则应该在其前面加上local:，以便XAML解析器理解它。这个用于将代码中自定义类在xaml文件中使用。
• Title="MainWindow" Height="450" Width="800" 这里就比较容易理解了，主要设置Window标签的窗口的标题，高度，宽度。

下面做一些测试理解上面的内容。

先将x:Class="HelloWord.MainWindow"这段代码去掉，

点击运行程序按钮，运行显示错误。

但在错误列表中，并没有错误提示，说明没有这个x:Class="HelloWord.MainWindow"系统认为也是可以的。

把程序中InitializeComponent();屏蔽掉后程序也是可以正常运行的。因为InitializeComponent();是x:Class="HelloWord.MainWindow" 默认生成的构造函数。

当把先将x:Class="HelloWord.MainWindow"改成x:Class="HelloWord.MyWindow" 会提示InitializeComponent不存在，虽然代码中有这段代码

这时候用ILSpy反编译工具，将HelloWord.dll放到ILSpy反编译看，HelloWord这个名称空间下多了一个MyWindow类，里面默认生成一个InitializeComponent构造函数

提示：

ILSpy反编译工具下载地址的获取，

请关注“剑指工控“微信公众号后，

添加管理员，

加入剑指工控微信群后获取。

而默认的是下面这种：

这时候我们能明白HelloWord.MainWindow.xaml与HelloWord.MainWindow.xaml.cs都有MainWindow这个类通过partial关键字，可以把一个类在多处定义，这样XAML解析生成的类与C#文件中定义的部分就合二为一了，实现UI与逻辑分离。

可以将默认的名称空间前加个前缀，比如n，这样Window与Grid前都需要加相应的前缀，感兴趣的自己测试。

下面我们先建一个按钮：

<Button d:Content="剑指工控" FontSize="50" Margin="100" />

d:Content="剑指工控" 这个只在设计中显示，实际运行并不显示。

下面看一下如何将C#中的类如何在xaml中使用。

先添加一个Students类

使用local：后面出现APP，MainWindow这两个默认的类以及我们新建的Students这个类。

在xaml文件中就可以使用sName了。

这里显示的是类的名称，而不是剑指工控这四个字，显然需要做个转换才行，这个后续有用到时候再讲解。好了这期的xaml的学习就到这里，主要是对命名空间的一些理解。需要反编译工具ILSpy的可以联系管理员获取，以下是WPF按照功能分类的控件，后期会做个串口调试助手实战来学习。

下一期主要讲解串口调试助手中用到的控件。

就这么简单！下周见！

作者简介：

曹言林：加入工控七余载，从事过单片机编程、控制柜接线、设备维修，PLC编程、MES实施，目前主要做MES售前，对各方面虽不是专家级别，也愿为工控圈添砖加瓦，贡献自己的一份力量。