在所有編程教程中,第一個例子永遠都是經典的“Hello,world!”,在這裏我們稍微自戀一下,改成"Hello,WPF!"。本例子簡單的將這條文本顯示在屏幕上,讓你明白開始學習WPF有多麼容易。
接下來的教程都默認你已經安裝了一個IDE,最好是 Visual Studio 或者 Visual Studio Express (參考上一節以獲取下載信息)。如果你使用的是其他產品,按照產品說明的指示進行即可。
下面我們開始在VS下創建應用。首先,在“文件”菜單下選擇“新建項目”,這時候左邊會出現一個目錄樹。本教程中的代碼都使用C#,所以要在模版列表裏選擇C#,然後選擇Windows,在右邊的列表中選擇“WPF應用程序”,把它命名爲“HelloWPF” 並輸入到名稱文本框裏。確認對話框底部的所有設置都正確,然後點擊確認按鈕。
新項目裏有很多文件,我們暫時先集中來看“MainWindox.xaml”這個文件。它是應用程序的主窗口,也就是執行應用程序時顯示的第一個窗口,當然前提是你沒做過更改。XAML代碼(XAML會在後面的章節仔細講解)如下:
<span style="font-size:14px;"><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></span>
這是VS爲我們的窗口創建的基礎XAML,在後面的“XAML和The Window”章節有解釋每一個細節。你現在就可以運行這個應用程序啦,選擇調試-->開始調試(或者直接按F5)後,你會看到一個空的窗口。現在是時候把我們的文本顯示到屏幕上了。我們通過添加一個TextBlock控件到網格上來實現上面提到的信息。
<span style="font-size:14px;"><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></span>
現在讓我們來運行一下,選擇調試-->開始調試(或者直接按F5),來看看這個漂亮的成果——你的第一個WPF應用:
我們使用了TextBlock控件中的三個屬性,來對齊文本(居中),讓字體變大,所有這些概念都會在後面的章節講到。
恭喜你走到了這一步,繼續學習後面的內容,很快你就能掌控WPF了。