- Web璀璨：Silverlight應用技術完全指南
- 張馳清 王均 呂玉強編著
- 626字
- 2018-12-27 11:42:16
1.5 實現一個Hello World應用程序
本節演示如何使用Visual Studio新建一個Silverlight應用程序的解決方案，具體操作步驟如下所示。
（1）打開Visual Studio 2008，新建項目，選擇Silverlight→Silverlight Application，設置應用程序名稱與路徑，單擊“OK”按鈕。
（2）系統彈出對話框。由于Silverlight必須在網頁中運行，此時需要選擇運行Silverlight應用程序的環境，第1項為新建一個ASP.NET網絡應用程序，第2項為新建一個簡單的HTML測試頁面。默認選擇第1項即可，如圖1-13所示，單擊“OK”按鈕。
圖1-13 選擇Silverlight應用程序的運行環境
（3）這樣就新建了一個Silverlight應用程序，如圖1-14所示。目前此程序的界面還是一片空白，我們可以在Visual Studio或Blend中編輯主文件Page.xaml來設計界面。這里我們直接在Visual Studio中編輯。
圖1-14 從Expression Blend中新建應用程序
（4）在右側的項目文件列表中雙擊Page.xaml文件，編輯其中的代碼，使界面中加入一個名為myTextBox的TextBox文本框和一個命名為myButton的Button按鈕，如例程1-1所示。
例程1-1 Page.xaml的示例代碼
<UserControl x:Class="SilverlightApplication.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<!--以下為加入的代碼-->
<Button x:Name="myButton" Width="100" Height="24" Margin="0，200，0，0" Content="Show"/>
<TextBox x:Name="myTextBox" Width="200" Height="35" Margin="0，0，0，60" FontFamily=
"Arial" FontSize="24"/>
</Grid>
</UserControl>
（5）在右側的項目文件列表中雙擊Page.xaml對應的Page.xaml.cs文件，為myButton的Click事件添加響應代碼，如例程1-2所示。
例程1-2 Page.xaml.cs的示例代碼
namespace SilverlightApplication
{
public partial class Page : UserControl
{
public Page（）
{
InitializeComponent（）;
//為myButton的Click事件添加響應函數
myButton.Click += new RoutedEventHandler（myButton_Click）;
}
//事件響應函數，為myTextBox賦值
void myButton_Click（object sender，RoutedEventArgs e）
{
myTextBox.Text = "Hello World";
}
}
}
（6）按“F5”鍵編譯此應用程序，彈出一個對話框，提示需要修改Web.config文件，使得工程支持調試，單擊“OK”按鈕，如圖1-15所示。
圖1-15 修改Web.config文件使工程支持調試
（7）瀏覽器中顯示運行結果為一個文本框和一個按鈕，單擊按鈕，文本框的文字顯示“Hello World”，如圖1-16所示。到這里，一個Silverlight的Hello World應用程序就創建完成了。
圖1-16 運行效果