TOC

This article has been localized into Chinese by the community.

入门起步:

Hello, WPF!

市面上大多数的编程教程,都会以经典的"Hello, world!"开头,但是本文想换个思路,我们用"Hello, WPF"。目的是让大家看到将这段文字打印到屏幕上是多么的简单。

后面的教程会假设你已经安装了IDE,这里推荐Visual Studio或者是Visual Studio社区版(参见前面的介绍文章)。如果你使用其他的IDE,请根据实际情况操作。

打开Visual Studio,点击文件,点击新建工程。在左侧,你会看到一个树形菜单。本教程使用C#语言,你要选择模板来创建一个Windows应用,在树形菜单中选中Windows,在右侧会列出Windows应用的可选类型,再选择WPF Application。在下方的输入框中输入工程名,我把工程命名为“HelloWPF”。确认一下其它选项,然后点击OK按钮,完成。

你的新工程会有好几个文件,不过我们现在仅仅关注其中的一个:MainWindox.xaml。这是程序的主窗口。如果不做什么特别的变动,这个窗口会在我们打开程序时首先出现。其中的XMAL代码(XAML会在本教程的另一个章节介绍)应该像下面这样:

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

    </Grid>
</Window>

这是Visual Studio为我们创建的基础窗口,它的全部内容会在XAML和“窗口”章节介绍。你可以运行一下这个程序(选择 Debug -> Start debugging 或按下F5)来看看我们的程序现在已有的一个空窗口。不过我们还是先把我们的消息显示在屏幕上。

我们会添加一个包含上述信息的TextBlock到Grid面板:

<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
    <Grid>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
Hello, WPF!
</TextBlock>
    </Grid>
</Window>

试试运行这个程序 (选择Debug -> Start debugging或按下F5),然后就能看到你努力工作的美妙结果 - 你的第一个WPF程序。

你会注意到我们使用了TextBlock 的三个不同属性来获得一个自定义的位置(窗口中央),还有FontSize属性来获得更大的字体。这些内容都会在后面的章节介绍。

恭喜你走到了这一步。希望你能继续阅读剩余的教程,很快你就能掌握WPF啦!