Silverlight 2學習教程（二）：開發簡單的Silverlight 2應用程序

原創

2020-02-22 03:37

----------http://dotnet.aspx.cc/article/8b5bf13b-27b3-4cc2-a3e1-d7c4a5cb5a76/read.aspx

準備工作做好了之後，下面就可以開始進行Silverlight 2的應用程序的開發了。

啓動VS2008，“新建項目”，可以看到“項目類型”下面有“Silverlight”，選擇“Silverlight”，在右邊的模板裏面可以看到“已安裝的模板”列出了“Silverlight Application”和“Silverlight Class Library”兩種類型的模板。

選擇“Silverlight Application”模板，出現下面的對話框：

由於Silverlight應用程序目前還無法單獨運行，它必須嵌入頁面裏面，通過object標籤元素來啓動它，所以，在創建“Silverlight Application”的時候，VS會提示你選擇一種運行Sliverlight程序的方法。如果選擇“Add a new Web to the solution for hosting the control”，此時需要創建一個Web站點：既可以創建Web網站，也可以創建Web Application類型的項目，如下圖：

如果選擇“Generate an HTML test page to host Silverlight within this project”的方法，則會在項目文件夾的ClientBin下創建一個TestPage.html文件，以用來運行Silverlight程序。
下面，我們選擇“Web Application Project”的方法來做一個簡單的例子。單擊“ok”按鈕後，出現下面的界面：

可以通過上下箭頭切換設計區和代碼區的位置，也可以通過右邊藍色框裏面的按鈕隱藏區域和橫向、縱向切分窗口。
在XAML代碼區的<Grid></Grid>標記之間，輸入下面的代碼：

<Canvas Canvas.Top="20">
    <TextBlock Canvas.Top="10" Canvas.Left="20">請輸入您的姓名： </TextBlock>
    <TextBox x:Name="UserInput" Width="200" Height="30" Canvas.Top="40" Canvas.Left="20"></TextBox>
    <TextBlock x:Name="Msg" Canvas.Top="90" Canvas.Left="20" Foreground="Navy" FontSize="48"></TextBlock>
    <Button Click="Button_Click" Content="單擊我" FontSize="24" Width="160" Height="60" x:Name="BtnTest" Canvas.Top="160" Canvas.Left="20"></Button>
</Canvas>

在輸入的過程，VS出現智能提示，方便輸入。
在XAML代碼區，單擊鼠標右鍵，可以從右鍵菜單上選擇“查看代碼”，切換到代碼區域，以處理用戶單擊按鈕執行的任務。也可以在事件名稱上選擇“導航到事件處理程序”來進入代碼輸入界面：

當前XAML的所有成員都可以從右邊的下拉列表中進行查找到。
在Button_Click的事件處理函數內，輸入以下的內容：

string UserInputContent = this.UserInput.Text;
if (UserInputContent.Equals(String.Empty))
{
this.Msg.Text = "Hello Silverlight World!";
}
else
{
this.Msg.Text = "你好，" + UserInputContent;
}

整個Hello World的開發過程到現在就完成了。單擊F5健，在文本輸入框裏面輸入你的名字，可以看到程序運行結果如下：