WPF入门教程

最新推荐文章于 2025-04-27 17:10:11 发布

godqiao

最新推荐文章于 2025-04-27 17:10:11 发布

阅读量977

点赞数 4

本文链接：https://blog.youkuaiyun.com/godqiao/article/details/79422756

版权

本文是关于WPF入门的教程，介绍了XAML的基本概念和应用，包括什么是XAML，如何创建第一个WPF桌面应用程序，以及XAML名称空间的使用。通过实例展示了在Visual Studio中创建并理解XAML代码的过程，强调了UI设计与逻辑代码的分离，以及XAML在WPF中的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：什么是XAML？

XAML，英文全称Extensible Application Markup Language，即“可扩展应用程序标记语言”。这个东西就是微软开发出来抄袭（HTML+CSS+JavaScript框架的），当然了，web前端框架也有它的好处，前后端可以完美的实现分离，前端开发人员专注于界面的UI设计以及美化，后端的程序员们专注于后台逻辑代码的实现，这种UI与逻辑之间的松耦合关系无疑增添了项目上的灵活性，微软正是在这个思路的基础上，设计了XAML。说的简单点，XAML是WPF技术中专门用于设计UI的语言。

2：我第一个 WPF 桌面应用程序

下面，让我们直接撸微软的一个小例子吧。

1：首先，在你的Visual Studio中新建名为HelloWPF的Application项目。

运行这个项目，针对XAML文件，是可以进行“所见即所得”的可视化设计的。你在XAML代码上做的修改，只要是合乎语法的，那么在设计器里就会立刻反映出来（有时候需要刷新一下）。如果你发现设计器里显示不出来了，那一定是XAML语句出了问题，最好想办法修正它。不然的话，在设计器里都看不到效果、只能运行起来看，这还算什么可视化编程呢？要XAML还有什么意义呢？

在我们正式剖析代码之前，让我们牢记两件事：

1. 这个世界是一个“组合”的世界——汽车是由一个车身和四个轮子组合成的；飞机是由机翅和机身组合成的。这些组成部分，我们称之为元素（Element）。

2. 在XAML文件里，每写一个元素就相当于定义了一个元素所对应的.NET Framework类的实例。

有必要强调一点：如果一个实体是由一些（同类或者不同类的）子对象组合成的，我们就称这个实体为“父元素”、称这些子对象为“子元素”，因为父元素包含着子元素，所以常把父元素称为“包含元素”、把子元素称为“被包含元素”或父元素的“内容”——我们需要注意，被包含元素并不等同于包含元素的属性（property），被包含元素只是包含元素的一个部分。初听这句话，肯定是一头雾水，OK，让我举个两个例子。比如有一个班级，这个班由56个学生、1个老师、60张桌子、70把椅子组成，那么这些学生、老师、桌子和椅子，只是这个班级的一些“组成部分”；而这个班级的人数、班级隶属的年级、班级的编号是这个班级的属性。再比如我有一个Window，这个Window里有1个Grid，这个Grid里又包含着3个TextBox、2个Button，那么这1个Grid就是这个Window的子元素，3个TextBox和2个Button又是Grid的子元素；而Window的Name、Icon、尺寸乃至Resources都是这个Window的属性。

你可能会问，这个道理这么简单，有什么好强调的呀？

原因是这样的：对于C#的类而言，属性（property）肯定是一个对象（比如Window的Name属性，它就是一个String类型的对象），这个对象也是类实例的一个组成部分；而在对这个类进行扩展的时候（对这个类进行派生），我们新添加进来的元素（比如3个TextBox和2个Button）也是类实例的组成部分。OK，大家看到了，从现实世界抽象到编程世界来之后，它们的区别就不那么鲜明了。为了再让它们的区别“鲜明”起来，请大家记住两句话：

属性对象（元素）是父元素所固有的，子元素则可由设计人员来进行增减
属性对象（元素）是隶属于父类的（从父类继承而来），子元素是在设计派生类时新添加进来的

之所以在剖析代码之前讲述这些东西，是因为XAML是一种XML语言，它的语法完全是元素嵌套组合式的，而属性和子元素也都是类实例的组合体，如果不先分清楚，读代码的时候一定会感觉混乱。

在了解了这些内容之后，我们就可以放心地读代码了。

打开MainWindow.xaml ，你会看到代码如下：

<Window x:Class="HelloWPF.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:HelloWPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        
    </Grid>
</Window>

那么，让我们一句一句的分析这段代码。

就像我们遇到复杂长句时先要分析它的主干一样——让我们暂时抛开花花绿绿的代码，看看这段程序的主干是什么。喔~~~这段程序的主干是如此的简单！就是一个<Window>元素里包含着一个 <Grid>元素。

<Window>
    <Grid>
        
    </Grid>
</Window>

一个句子的主干找出来之后，句子的大意也就明白了。我们已经得到这段程序的主干了，那这段程序说的是什么呢？前面我叮嘱大家一定要记住两件事件。其中一件就是“见到元素就相当于创建实例”。我想你一定会说：这段程序就是在定义一个Window类的实例，这个实例的一个组成部分是一个Grid类的实例。

呵呵，对于这个答案，既可以说它是对的，也可以说它是错的，为什么呢？

请注意，Window元素的一个attribute是x:Class="HelloWPF.MainWindow

最低0.47元/天解锁文章