建立具有互動功能的 Silverlight 1.0 網站

發行項
10/11/2017

本頁僅適用 Silverlight 1 專案

Microsoft Silverlight 1.0 應用程式中的互動功能，是由 XAML 文件 (用於設計使用者介面) 的 JavaScript 程式碼後置檔案中的事件處理常式所建立。下列程序顯示如何按一下滑鼠，讓應用程式播放動畫腳本。

建立具有互動功能的 Silverlight 1 網站

在 Microsoft Expression Blend 中，按一下 [檔案] 功能表上的 [新增專案]。

[新增專案] 對話方塊會隨即出現。
在 [選取專案類型] 下，按一下 [Silverlight 1.0 網站]。其他欄位會顯示專案名稱與位置的預設值。您可以保留這些欄位設定，然後按一下 [確定]。

此時會建立新的 Silverlight 專案，並開啟啟動頁面 Page.xaml，供您進行編輯。
選取 [工具箱] 中的 [畫筆] 工具。按一下滑鼠建立一點，並加以拖曳建立曲線，以繪製曲線圖形。按一下第一點可關閉圖形。

如需以滑鼠修改路徑的方法清單，請參閱畫筆及直接選取的使用方式。
以滑鼠右鍵按一下 [物件與時間軸] 下的新路徑物件，再按一下 [重新命名]，然後輸入名稱 [MyPath]。

物件若要在程式碼後置的檔案中提供參照，則必須要有名稱。此物件將在程式碼中提供參照，以連接 [Click] 事件處理常式。
在 [物件與時間軸] 下，按一下 [新增] 按鈕。[建立腳本] 對話方塊會隨即出現。將 [名稱] 欄位保留為 [Storyboard1]，並選取 [建立為資源] 核取方塊，然後按一下 [確定]。

此時會建立新的腳本，並開啟時間軸記錄。
在時間軸播放點位於 0 秒標記處時，然後按一下 [記錄主要主要畫面格] 按鈕，以記錄 [MyPath] 物件目前的位置。
將時間軸播放點移至 1 秒標記處，然後使用 [選取] 工具移動 [MyPath] 物件。1 秒標記處會設定一個主要主要畫面格，用以記錄 [MyPath] 物件的新位置。
在 [專案] 面板中按兩下 [Page.xaml.js] 檔案加以開啟，以進行編輯。
移除 // 字元以取消下列程式行的註解：
```
                // this.control.content.findName("Storyboard1").Begin();
```
Expression Blend 2 會產生初始 JavaScript 程式碼，說明如何在根元素上連接事件處理常式與滑鼠按鍵動作。事件處理常式會為 Storyboard1 呼叫 Begin 方法，這正是您在建立腳本時不變更 [名稱] 欄位的原因。如需有關 Silverlight 1.0 指令碼的詳細資訊，請參閱 Silverlight 指令碼與滑鼠事件 (英文)。
按 F5，再按一下瀏覽器視窗觸發動畫腳本，以測試您的 Silverlight 1.0 網站。