1.3 開發工具簡介

開發基于Silverlight 2的應用程序，主要會用到兩個工具。

◆ Visual Studio 2008：主要針對開發人員，使用它進行托管代碼的編寫、調試與跟蹤。

◆ Expression Blend 2：主要針對設計人員，使用它以可使用的方式進行UI的設計、操作畫布及控件等。

1.3.1 Visual Studio 2008

Visual Studio 2008想必大家都不陌生了，在Visual Studio 2008中打開一個XAML文件時，界面如圖1-12所示。

有幾處比較重要的地方在圖中用數字序號做了標注。

① XAML編寫區：所有的XAML編寫都在該區域完成。

② UI預覽區：圖中2處，在XAML編寫區中編寫代碼時，可以在UI預覽區中即時顯示出效果。但是目前在Visual Studio 2008中還不能通過拖動工具箱中的控件到UI預覽區以便自動生成XAML代碼。

③ 縮放按鈕：拖動該按鈕可以放大或者縮小UI預覽界面。

④ 切換按鈕：點擊該按鈕可以實現XAML編寫區和UI預覽區的上下切換。

⑤ 控制按鈕：共有三個按鈕，分別用于控制XAML編寫區和UI預覽區是水平劃分還是垂直劃分，或者隱藏其中一個。

雖然目前在Visual Studio 2008中還不支持可視化設計，但是到了下一個版本的Visual Studio中，會在可視化設計方面有很大的改進，如可以直接進行可視化的數據綁定等，如圖1-13所示。

1.3.2 Expression Blend 2

Expression Blend 2以非常友好的界面供設計人員可視化的進行WPF或Silverlight項目的UI設計。它的強大之處在于：

◆ 全套矢量圖形工具

◆ 易用的可視化界面

◆ 動畫和媒體集成

◆ 與數據源、外部資源的強大集成

◆ 實時設計和XAML視圖

◆ 與Visual Studio 2008的無縫集成，使用Visual Studio 2008中創建的解決方案可以直接在Expression Blend 2中打開，反之亦然。

由于本書并不偏重于Silverlight設計方面，所以對于Expression Blend 2下面只給出一些常用界面和功能的介紹，如果大家須要使用Expression Blend 2進行Silverlight 2應用程序的設計，可以參考微軟有關文檔。

在Expression Blend 2中新建項目時，可以看到它支持4種不同類型的項目：包括WPF應用程序、WPF控件庫、Silverlight 1站點和Silverlight 2應用程序，如圖1-14所示。

在Expression Blend 2中進行UI設計時的界面如圖1-15所示。

其中主要有如下幾個區域。

① 工具欄：所有可視化的元素都包括在工具欄中，如各種圖形元素、控件等，可以直接拖拽工具欄中的元素到設計區。

② 設計區：所有的設計工作都在該區域完成，包括操作畫布等。

③ 對象和時間線管理面板：該區域中能夠看到所有在設計區中定義的元素及動畫等。

④ 狀態面板：管理UI元素的視覺狀態，在本書第4章將詳細介紹。

⑤ 切換按鈕：共有3個按鈕，可以拆分XAML編寫區和設計區，或者在兩者之間進行切換。

⑥ 解決方案面板：Silverlight項目的解決方案管理，可以看到所有在Silverlight項目中的頁面。

⑦ 屬性面板：在設計區中選中一個UI元素，可以通過該面板進行元素的屬性設置。

⑧ 資源面板：管理所有在Silverlight項目中的資源。