WPF教程(四) Hello,WPF!

在所有編程教程中,第一個例子永遠都是經典的“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了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章