C#WPF基础介绍/第一个WPF程序

什么是WPF

WPF（Windows Presentation Foundation）是微软公司推出的一种用于创建窗口应用程序的界面框架。它是.NET Framework的一部分，提供了一套先进的用户界面设计工具和功能，可以实现丰富的图形、动画和多媒体效果。

WPF 使用 XAML（eXtensible Application Markup Language）作为界面设计语言，可以将界面的布局、样式和行为与代码分离，更加灵活。WPF 支持基于分辨率独立的界面设计，可以适应不同的屏幕尺寸和分辨率，提供更好的用户体验。

WPF 引入了一种称为绑定（Data Binding）的机制，可以实现界面和数据模型之间的双向绑定。通过绑定，界面上的控件可以自动更新，反之亦然，使得开发者能够更方便地管理和操作数据。

WPF 还提供了丰富的控件库，包括按钮、文本框、列表框等常用控件，以及扩展的自定义控件。开发者可以通过样式（Style）和模板（Template）来定义和修改控件的外观和行为，实现个性化的界面设计。

除此之外，WPF 还支持动画效果、3D 图形、多媒体播放等功能。开发者可以使用动画效果和转换（Transform）来为控件添加动态和视觉吸引力，使用3D 图形和效果来创建逼真的界面，使用媒体元素和播放器来处理多媒体内容。

WPF 是一种强大的界面框架，可以帮助开发者快速构建漂亮、交互性强的窗口应用程序。它提供了丰富的工具和功能，使界面设计更加灵活，同时也提供了良好的扩展性和可维护性。

集成开发环境选择

VisualStuido 2022

本专栏接下来的C# WPF程序演示，将以Visual Studio 2022集成开发环境（IDE）为基础进行讲解和操作。

第一个WPF程序:

好了，看了这么多了，也该开始创建我们第一个WPF程序了，首先打开VisualStudio2022，如图，点击创建新项目

在搜索栏中搜索WPF即可看到WPF相关模版，我们选择C#的

然后设置基础属性，还是老原则，尽量保持纯英文名称+文件路径，为了演示，创建的程序我先设置成Example1，框架选择默认就可以

以下是项目创建完打开后的样子，如图所示，软件分3个大区

1.可视化编辑区

2.XMAL代码编写区

3.日志区

接下来，介绍一下XAML

1.XAML是什么,这个.CS文件又是什么

我想如果是第一次上手开发WPF程序的朋友肯定会对当前的界面有些懵，都是些什么乱糟糟的，问题不大，先来说XAML:

XAML（eXtensible Application Markup Language）是一种用于描述用户界面和应用程序逻辑的标记语言。它是一种基于 XML 的语法，用于定义界面元素、属性、事件和样式。

在WPF中，XAML用于定义窗口和页面的布局、控件和其属性。通过XAML，开发者可以以一种更可读和清晰的方式描述界面的结构和外观，将界面的内容和行为与代码分离开来，使得界面设计和开发可以并行进行。

XAML 的语法类似于 HTML，使用标签和属性来描述界面元素。例如，下面是一个简单的 XAML 示例，用于创建一个包含按钮和标签的窗口：

XML 复制代码

<Window x:Class="MyWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="My Window" Height="200" Width="300">
    <Grid>
        <Button Content="Click me" Click="Button_Click"/>
        <Label Content="Hello, WPF!" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

在上面的示例中，<Window> 标签表示窗口的开始和结束，<Grid> 标签表示一个布局容器，<Button> 和 <Label> 标签分别表示按钮和标签控件。通过设置属性可以定义界面元素的外观和行为，如按钮的内容和点击事件，标签的文本和对齐方式。

除了创建界面元素，XAML 还支持绑定、样式、模板等功能，可以实现丰富的界面设计和行为逻辑。XAML 与代码之间可以通过名称和事件绑定进行交互，使得界面和代码可以紧密结合，实现更强大的功能和用户体验。

好了，你现在大概已经了解XAML是什么了吧，接下来再说一下.CS

2. .CS文件又是什么？

.CS文件是 C# 源代码文件的扩展名。C#（C Sharp）是一种面向对象的编程语言，由微软公司开发。C# 语言是在.NET 平台上的主要开发语言之一，用于创建各种类型的应用程序，如桌面应用程序、Web 应用程序、移动应用程序等。

.CS文件包含了 C# 代码，可以使用文本编辑器或集成开发环境（IDE）打开和编辑。它包含了定义类、方法、属性、变量、条件语句、循环语句等代码，用于实现程序的逻辑和功能。

例如，下面是一个简单的 C# 示例代码：

cs 复制代码

using System;

public class HelloWorld
{
    public static void Main(string[] args)
    {
        Console.WriteLine("Hello, World!");
    }
}

上面的代码定义了一个名为 HelloWorld 的类，其中包含了一个名为 Main 的方法。在 Main 方法中，使用 Console.WriteLine 方法输出一条信息。

.CS文件作为源代码文件，可以被编译器解析和编译成可执行文件或库文件，以便执行和使用。通过编写和组织 C# 代码，开发者可以实现各种功能和逻辑，并创建各种类型的应用程序。

好了，你现在大概知道XAML和CS分别是什么了吧，接下来我来解刨介绍一下创建的XAML和CS默认内容是什么

3.XAML(默认)

XML 复制代码

<Window x:Class="Example1.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:Example1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

    </Grid>
</Window>

如上图所示↑，

x:Class 是 XAML 中的一个属性，用于指定与当前 XAML 文件相关联的类的名称。

x:Class 属性的值应该是一个有效的类名，该类定义了与 XAML 文件相关联的代码逻辑。该类一般是在 .CS 文件中实现的，通常是一个部分类，其中部分逻辑是在 XAML 文件中定义的。

通过将 x:Class 属性设置为类名，WPF 可以在运行时将 XAML 中的元素与指定的类进行关联。这样，在 XAML 中可以使用代码中定义的属性、方法和事件等。

下面是示例代码每个部分的解释：

部分	解释
x:Class="Example1.MainWindow"	指定与该 XAML 文件关联的类为 Example1.MainWindow。
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"	定义默认 XML 命名空间为 WPF 的 Presentation 命名空间。
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"	定义 XAML 命名空间为 WPF 的 XAML 命名空间。
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"	定义 Blend 命名空间，用于与 Blend（一种用于设计和开发 WPF 应用程序的工具）集成。
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"	定义兼容性命名空间，用于与不同版本的 XAML 解析器兼容。
xmlns:local="clr-namespace:Example1"	定义本地命名空间，用于引用 Example1 命名空间，并将其映射到 local 命名空间前缀。
mc:Ignorable="d"	声明可忽略的命名空间 d。
Title="MainWindow" Height="450" Width="800"	设置窗口的标题、高度和宽度。
<Grid> </Grid>	定义一个 Grid 元素，用于布局其他 UI 元素。

这段代码定义了一个名为 MainWindow 的窗口，其外部布局为一个空的 Grid 元素。命名空间的定义和属性设置，为该 XAML 文件指定了正确的命名空间和与之关联的类。这样，在运行时，WPF 将该 XAML 文件与 Example1.MainWindow 类进行绑定，并根据 XAML 中的元素进行布局和处理逻辑。

4.CS(默认)

上述代码是一个名为 "MainWindow" 的窗口类的定义，其继承自 WPF 框架中的 Window 类。下面是代码中的各个部分的解释：

cs 复制代码

using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

这些是用于引入所需的命名空间的语句。它们可以让你在代码中使用这些命名空间中定义的类、方法和属性。

cs 复制代码

namespace Example1
{
    //...
}

这个代码块定义了一个名为 Example1 的命名空间。命名空间用于组织和区分代码，确保类名的唯一性。

cs 复制代码

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }
}

这是一个名为 MainWindow 的类的定义，它继承自 Window 类。partial 关键字表示该类是一个分部类，可以在其他地方定义其它部分。这里的 MainWindow 类是窗口的主类。

构造函数 MainWindow() 是类的一个方法，用于创建 MainWindow 对象。在构造函数中，调用了 InitializeComponent() 方法，该方法用于加载 XAML 文件并初始化窗口的 UI 元素。

需要注意的是，在 XAML 中通过 x:Class 属性指定的类名 "Example1.MainWindow" 与代码中定义的类名 "MainWindow" 保持一致。这样才能正确地将 XAML 文件与代码连接起来。

程序运行

正如本章标题一样，目的是让各位朋友了解一下WPF的项目基本结构，包括XAML和CS文件分别什么，默认创建的程序是可以直接执行的,点击执行按钮就会生成并执行程序

从上图看，执行后就是一个空白窗口，有窗口名称，包括GUI页面(废话哈哈),是不是觉得没啥意思，那加点东西，来个经典的Hello,World

在XAML中的Gird布局中添加

cs 复制代码

 <TextBlock Text="Hello,World"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontSize="16"
                   Foreground="Black" />

Grid ：Grid布局自动填满窗口，并将子元素居中放置。
HorizontalAlignment="Center" 和 VerticalAlignment="Center"：设置水平和垂直方向上的对齐方式为居中。
TextBlock ：用于显示简单的文本内容。你可以调整FontSize、Foreground等属性来自定义样式。

接下来运行一下

运行后如图所示，屏幕中心就会出现Hello,World啦，好了，这就是本章内容了，本章主要是让各位了解一些关于WPF并成功创建生成并执行程序，未来还会更新更多内容，比如各种组件，绑定，窗口，数据交换