WPF - Hello World 示例程序
在本章中,我们将开发一个简单的 Hello World WPF 应用程序。 因此,让我们按照下面给出的步骤开始简单的实现。
- 点击 File > New > Project 菜单选项。
![项目菜单选项](/wpf/images/project_menu_option.jpg)
- 将显示以下对话框。
![新建项目对话框](/wpf/images/new_project_dialog_box.jpg)
在"模板"下,选择"Visual C#",然后在中间面板中选择"WPF 应用程序"。
为项目命名。 在名称字段中输入 HelloWorld,然后单击"确定"按钮。
默认会创建两个文件,一个是XAML文件(mainwindow.xaml),另一个是CS文件(mainwindow.cs) )
在mainwindow.xaml上,您将看到两个子窗口,一个是设计窗口,另一个是源 (XAML) 窗口。
在 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>
- 默认情况下,网格被设置为页面后的第一个元素。
- 让我们转到工具箱并将 TextBlock 拖到设计窗口中。
![工具箱](/wpf/images/toolbox.jpg)
- 您将在设计窗口中看到 TextBlock。
![TextBlock](/wpf/images/textblock.jpg)
当您查看源窗口时,您将看到 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/images/design_window.jpg)
编译并执行上述代码后,您将看到以下窗口。
![第一个 WPF 应用程序](/wpf/images/first_wpf_application.jpg)
恭喜! 您已经设计并创建了您的第一个 WPF 应用程序。