WPF入门到放弃(二) | 初识XAML

2021-11-09 16:16:12 浏览数 (1)

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售前,对各方面虽不是专家级别,也愿为工控圈添砖加瓦,贡献自己的一份力量。

0 人点赞