1

Silverlight 第一課
開啟 Visual Studio 2010 ，點選「專案 -> 新增」，指定 Silverlight 類型的範本，然後會出現
以下的畫面，點選其中的 Silverlight 應用程式，按一下「確定」即可。

接下來你會看到 Silverlight 專案的設定對話方塊，直接接受其預設值即可。

2
錯誤! 所指定的樣式的文字不存在文件中。
緊接著出現的便是 Silverlight 的設計介面，如下圖：

在方案總管中，你會看到其中根據指定的專案名稱 SilverlightApplication1 建立了兩個預

設專案，除了 Silverlight 專案本身，另外一個則是 ASP.NET 專案
SilverlightApplication1.Web ，我們將注意力放在 Silverlight 專案的 MainPage.xaml 檔案。

2
 3

現在於工具箱中，拖曳一個按鈕至空白設計畫面，並且將其 Content 屬性修改為 Hello ，

在按鈕上面按兩下，切換至程式碼編輯視窗，於按鈕的 Click 事件處理程序中，撰寫以
下的程式碼：

Visual Basic
Partial Public Class MainPage

Inherits UserControl

Public Sub New()

InitializeComponent()

End Sub

Private Sub button1_Click(ByVal sender As System.Object,

ByVal e As System.Windows.RoutedEventArgs)

MessageBox.Show("Hello Silverlight !")

End Sub

End Class

C#
namespace SilverlightApplication1

public partial class MainPage : UserControl

public MainPage()

InitializeComponent();

private void button1_Click(object sender, RoutedEventArgs e)

MessageBox.Show("Hello Silverlight !");

}
4
錯誤! 所指定的樣式的文字不存在文件中。
以網底標示的程式碼於使用者按下按鈕被執行，結果畫面如下：

如果所見，除了專案比較複雜並且於瀏覽器執行，基本上開發 Silverlight 的方式與一般

的應用程式類似。除非平台的差異，Silverlight 本身所使用的 .NET Framework 是傳統
.NET 的子集，因此內容幾乎完全相同。