編輯 XAML

雖然您可以使用任何文字編輯器來編輯可延伸應用程式標記語言 (XAML) 文件,但是使用 Microsoft Expression Blend 有以下的優點:

  • 在 Expression Blend 中,您可以輕鬆建立並執行 XAML 文件 (F5) 以查看變更結果。

  • 儲存檔案或切換不同檢視 ([設計] 檢視及 [XAML] 檢視) 時,Expression Blend 會在 [結果] 窗格中更新語法錯誤。

  • 在 [XAML] 檢視中,會以色彩標示 XAML 元素,以方便識別。您也可以使用 [尋找] 功能找出特定文字,或使用 [移至] 功能瀏覽至某一行。

  • 在 [設計] 檢視中,您可以運用視覺元素設計應用程式,並讓 Expression Blend 為您產生 XAML。您也可以使用 [檢視 XAML] 功能快速瀏覽至文件中任一元素的 XAML。

Cc294525.alert_note(zh-tw,Expression.10).gif注意事項:

建議您在具備使用 XAML 的經驗後,再使用文字編輯器或 Expression Blend 的 [XAML] 檢視編輯 [XAML] 文件。直接編輯 XAML 可能會導致應用程式中發生剖析錯誤,您必須先修正這些錯誤,否則 Expression Blend 將無法在 [設計] 檢視中的畫板上正確顯示文件,您也無法建置並執行該應用程式。

只要留意這一點,切換使用 [設計] 與 [XAML] 檢視將會是學習 XAML 基礎的有效方法。

Cc294525.alert_note(zh-tw,Expression.10).gif注意事項:

您也可以在 Microsoft Visual Studio 2008 中編輯 XAML 文件,該應用程式所含的功能與 Expression Blend 2 的 [XAML] 檢視相同。

使用 Expression Blend 中的 XAML 檢視編輯 XAML

您可以使用 Expression Blend 中的 [XAML] 檢視來變更 Expression Blend 專案中的 XAML。只要按一下 Expression Blend 工作區中位於畫板右邊的 [XAML] 索引標籤,就可以存取 [XAML] 檢視。您在 [XAML] 檢視中進行的變更會自動更新到 [設計] 檢視中。

[XAML] 檢視索引標籤 (隱藏 [設計] 檢視索引標籤)。

Cc294525.9c6c58bb-f156-4394-a4e2-dc30bfcb7369(zh-tw,Expression.10).png

在 [XAML] 檢視中,您可以鍵入新元素的程式碼,也可以選取現有程式碼,然後剪下或複製該程式碼或在其中貼上其他程式碼,就像使用文書處理程式一樣。下圖顯示 [XAML] 檢視中選取的文字。

[XAML] 檢視中選取的文字

Cc294525.200569f5-655e-43de-bd34-f0799678fec1(zh-tw,Expression.10).png

除了可以在 [XAML] 檢視中執行的一般剪貼簿工作外,您也可以使用 [編輯] 功能表上的 [移至]、[尋找]、[尋找下一個] 及 [取代] 命令,移至 XAML 中的某一行或尋找並取代文字。如需詳細資訊,請參閱本使用者指南中的尋找及取代移至特定一行

如需個別控制項的語法,請參閱 MSDN 上的控制項庫 (英文) 主題,或在 MSDN類別庫 (英文) 參照中搜尋 XAML 元素及屬性。

Cc294525.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

使用 Expression Blend 中的設計檢視編輯 XAML

當您使用 [設計] 檢視時,Expression Blend 會為您產生 XAML。在 [設計] 檢視中,您可以從 [工具箱] 新增元素、將資料繫結至元素、設定元素的樣式、對元素加上動畫效果,或將元素設為回應使用者動作等等,而 Expression Blend 會持續更新您設計之每個部分的 XAML。

只要選取 Expression Blend 工作區中位於畫板右邊的 [設計] 索引標籤,就可以存取 [設計] 檢視。您在 [設計] 檢視中進行的變更會自動更新到 [XAML] 檢視中。

下圖的左邊是 Expression Blend 的 [設計] 檢視,而右邊則是 [XAML] 檢視。如圖所示,文件的 [設計] 檢視中新增了一個 [矩形],而 Expression Blend 則在 [XAML] 檢視中產生了該矩形的 XAML。

Cc294525.b5f7566b-7d9a-4cff-a898-53b96c3bba7c(zh-tw,Expression.10).png

Expression Blend 設計 檢視和 XAML 檢視之間的連接

使用 [設計] 檢視時,您可以快速檢視特定元素的 XAML,方法是以滑鼠右鍵按一下畫板上的元素,或以滑鼠右鍵按一下 [互動] 面板之 [物件與時間軸] 下的元素,然後按一下 [檢視 XAML]。這樣會自動切換至 [XAML] 檢視,而且會反白顯示所選物件的 [XAML]。

如需在 Expression Blend [設計] 檢視中建立應用程式的詳細資訊,請參閱本使用者指南中的版面配置繪製圖案與路徑3D 及其他相關主題。

Cc294525.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首