WPF学习笔记(02) - 简单的HelloWorld

来做一个最简单的WPF程序吧，Hello World！

 

STEP 1：新建WPF项目

打开Visual Studio 2008，在文件菜单中选择新建项目，我们在项目类型中选择Windows（语言我使用的都是C#了，Basic我没学过，见笑）。在右面我们可以看到关于WPF的几个项目类型，我们一般采用的是“WPF应用程序”。而WPF浏览器应用程序是用来新建一个具有前进后退工具条的程序，比较适合做多文件浏览或者向导型的程序。右上角我一般采用的是.Net Framework 3.5，比较完善，很多教程都是基于这个版本的。

 

填写好名称，设置好源文件路径后，点击确定就OK了。

 

STEP 2：设计界面了

很好，我们的第一个窗口已经建立了，我们可以在中间的编辑区中见到它。如下图所示，区域分为两块，上面的是可视化编辑区，下面的是XAML代码。这和你以前学习的Windows窗体程序不同了，你可以通过XAML代码定制效果复杂的界面。

为了实现我们的HelloWold，我们开始安放控件吧。我们先调整一下窗口的大小， 然后从工具箱放置一个TextBlock和一个Button按钮，你可以自由调整位置和大小，我们的目的是要，点击按钮后显示Hello,World字句。

接着我们要修改控件的显示的文字，我们选择TextBlock后，我们可以在属性栏中，修改Text属性为Hello, World!!，接着我们修改Button的Content属性为Say Hello，注意这里按钮显示的文本是Content属性，而不是Text属性。

设置完成后，留意XAML代码，代码已经改变了。XAML是基于XML标准的，你设置的属性都可以在相应的元素中找到，你完全可以通过编写代码来实现界面。以下是我的XAML代码：

<Window x:Class="SimpleHelloWorld.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="244" Width="402">
    <Grid>
        <TextBlock Margin="103,64,107,0" Name="textBlock1" Text="Hello, World!!" FontSize="24" TextDecorations="None" VerticalAlignment="Top" />
        <Button Height="37" Margin="103,0,118,47" Name="button1" VerticalAlignment="Bottom">Say Hello</Button>
    </Grid>
</Window>

STEP 3：编写逻辑代码

大家应该都注意到了，和普通的Windows窗体程序一样，一个窗口有两个代码文件，.xaml 文件是该窗口的外观，.xaml.cs是该窗口的逻辑代码（使用的当然是你选择的程序语言）。

我们双击我们放置的按钮控件，在逻辑代码文件中会生成该按钮的Click事件，我们可以输入我们实现的功能代码。为了让点击按钮时显示HelloWorld，我们在这里设置textBlock的Visibility属性，代码如下：

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            textBlock1.Visibility = Visibility.Visible;
        }

为了实现这个功能，我们还需要设置TextBlock的Visibility属性为Hidden，这样程序打开时就不会显示了，点击按钮再显示。

STEP 4：运行咯

点击调试运行，看看!还不错嘛

点击这里下载可以下载本程序的源代码：Masson_WPF_01HelloWorld_source.rar