Silverlight 第一課

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

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

1

錯誤! 所指定的樣式的文字不存在文件中。

緊接著出現的便是 Silverlight 的設計介面，如下圖：

在方案總管中，你會看到其中根據指定的專案名稱 SilverlightApplication1 建立了兩個預設專案，除了 Silverlight 專案本身，另外一個則是 ASP.NET 專案

SilverlightApplication1.Web ，我們將注意力放在 Silverlight 專案的 MainPage.xaml 檔案。

2

2

現在於工具箱中，拖曳一個按鈕至空白設計畫面，並且將其 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

3

錯誤! 所指定的樣式的文字不存在文件中。

C#

namespace SilverlightApplication1

{

public partial class MainPage : UserControl

{

public MainPage()

{

InitializeComponent();

}

private void button1_Click(object sender, RoutedEventArgs e)

{

MessageBox.Show("Hello Silverlight !");

}

}

}

以網底標示的程式碼於使用者按下按鈕被執行，結果畫面如下：

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

4

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

5