WPF初学第一课，了解WPF、Label、Button

了解WPF：

新建WPF文件：

1：打开Visual Studio 2022(这里演示为2022版本)

2：点击创建新项目

3：在搜索框里搜索“WPF”

4：选择C#变成语言的WPF应用程序

5：给这个文件取一个你喜欢的名字，将文件保存到你想要保存到的位置之后，确认无误就点击下一步、点击创建

然后我们成功创建了一个WPF的文件了，如图

介绍WPF：

这里我们来先来了解一下WPF的文件界面操作：

1.这个界面是我们项目的呈现区，当然，我们运行的界面也是这个界面(与winfrom大差不差)

2.这里，是我们手动创建控件的区域，在这个区域里，我们可以给予我们创建的控件一些属性(后面会讲到),这个区域后面也会细讲

这里，我们可以通过简单调试来进行调整控件的一些属性

而工具箱，则可以让我们更可观的观察WPF的控件(当然，这些控件和winfrom)一样，都可以从这里通过拖拽将我们所需要的控件拖拽到项目呈现区里(不推荐这么做，因为这样会打乱我们的业务逻辑，不管是“控件的准确位置”以及各种原因)

接下来让我们来了解WPF的一些特点：

先说怎样注释(狗头)：选取一段文字，然后点击“Ctrl+K+C”，这段文字就被我们注释了

WPF所用到的编程语言是《XAML》，接下来说一下XAML的特点：

1.XAML:  是一种声明性标记语言，文件的后缀名是.xaml，也可以对文件进行编码，通常编码成utf-8

2.标签可以分为单标签和双标签，如图 

第一个是单标签，第二个是双标签，两个标签其实一样，没什么不同

3.一个xaml文件只能有一个根元素,并且只能有一个二级标签(grid)，在二级标签里可以有多个三级、四级标签

根元素就是我们手动创建控件区域里面的<Window></Window>

二级标签就是<Grid></Grid>，当然了，这个二级标签我们如果看不惯他可以给他改名字(但是！！只能有一个二级标签，不能有跟二级标签同级的标签)

如果我们想要多个Grid标签的话，那么我们就在这个标签外面再包一层二级标签，把他变成三级标签，这样无论我们创建多少个Grid标签都没问题！(四级标签也一样)——如图

上图创建的标签只是为大家实例，写项目的时候千万不要这样做↑

4.在caml文件里面，通常可以看到这两种命名空间

第一个命名空间 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation 这个特点是声明默认整个wpf客户端/框架caml命名空间

第二种命名空间:xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"声明映射的单独命名空间，通常将其映射到x:前缀，作用是支持xaml语言内部函数

控件：

今天我们只学习两个控件，虽然之后两个控件，但是学习的控件里面的属性基本上都是互通的

Label：

我们可以如图创建一个label标签，这里我用的是双标签，用单标签也是完全没问题的

随后，我们使用Width和Height属性来设置一下label的大小，Width="100"(宽) Height="50"(高)

写到这里，我们运行项目，就可以看到创建的Label了……什么？你说你没看到，你当然看不到了，因为这个label虽然存在但是现在和透明没有什么区别，接下来我们再设置几个属性就可以看到他了

然后我们使用“Content”属性来往label里面写入文字  Content="薇尔莉特"，然后我们再运行就看到我们label上面的文字啦！如图

为了更加清楚的看到创建的label，我们再加入一个背景颜色 Background="red"，这样，创建的label就更加清楚啦

然后，我们再来讲一些label的一些属性：

1.HorizontalAlignment: 水平对其方式，四个值：left:左对齐 right:右对齐 Stretch:默认 center:居中

left:左对齐

right:右对齐

Stretch:默认

center:居中

2.VerticalAlignment:垂直对齐方式  bottom:底部对齐  center:居中  top:居上对齐  Stretch:默认

bottom:底部对齐

center:居中

top:居上对齐

Stretch:默认

3.Margin:外边距，如果写一个值 四个方向的外边距都是10  如果是四个值，分别是:左外边距，上外边距，右外边距，下外边距

当我们的label底部对齐，并且靠右对齐的时候，我们再让label的右外边距和下外边距分别为100时

4.FontSize: 字体大小；我们填入的值越小，label里面的字体就越小，值越大，字体就越大

5.Foreground:字体颜色；可以改变字体的颜色

6.name:为控件添加名称；可以让我们再cs文件里更加准确的找到我们需要的控件

Button：

label的属性和button的属性有很多都是一样的，都可以直接拿过来用

这里只说不一样的，属性，label没有的属性

1.BorderThickness 边框宽度 设置为0 可以消除边框；因为button创建出来的时候就自带边框，而这个属性则可以控制边框

2.BorderBrush 设置边框画笔的颜色；这个属性可以控制button的颜色，Transparent给边框设置透明颜色

目录

了解WPF:

新建WPF文件:

---