Wpf 简明教程

WPF - Hello World

在本章中，我们将开发一个简单的 Hello World WPF 应用程序。因此，让我们按照以下步骤开始简单的实现。

单击“文件”>“新建”>“项目”菜单选项。

将显示以下对话框。

在模板下，选择 Visual C#，并在中间面板中，选择 WPF 应用程序。
为项目起个名字。在名称栏中输入 HelloWorld ，然后单击确定按钮。
默认情况下会创建两个文件，一个是 XAML 文件（mainwindow.xaml），另一个是 CS 文件（mainwindow.cs）。
在 mainwindow.xaml 中，你会看到两个子窗口，一个是 design window ，另一个是 source (XAML) window 。
在 WPF 应用程序中，有两种方法可以为你的应用程序设计 UI。其一是从工具箱中将 UI 元素简单拖放到设计窗口。第二种方法是通过为 UI 元素编写 XAML 标签来设计你的 UI。当使用拖放功能进行 UI 设计时，Visual Studio 会处理 XAML 标签。
在 mainwindow.xaml 文件中，默认情况下会编写以下 XAML 标记。

<Window x:Class = "HelloWorld.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">

   <Grid>
   </Grid>

</Window>

默认情况下，在页面之后，将一个 Grid 设置为第一个元素。
让我们转到工具箱，将一个 TextBlock 拖放到设计窗口。

你将在设计窗口中看到 TextBlock。

当你查看源窗口时，你会看到 Visual Studio 已经为你生成了 TextBlock 的 XAML 代码。
让我们在 XAML 代码中将 TextBlock 的 Text 属性从 TextBlock 改为 Hello World。

<Window x:Class = "HelloWorld.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">

   <Grid>
      <TextBlock x:Name = "textBlock" HorizontalAlignment = "Left"
         Margin = "235,143,0,0" TextWrapping = "Wrap" Text = "Hello World!"
         VerticalAlignment = "Top" Height = "44" Width = "102" />
   </Grid>

</Window>

现在，你也会在设计窗口中看到这一改变。

当上面的代码被编译并执行时，您将看到以下窗口。

祝贺你！你已经设计并创建了你的第一个 WPF 应用程序。