Xamarin XAML語言教程使用Visual Studio創建XAML

Xamarin.Forms允許開發人員通過XAML語法對程序的所有用戶界面元素進行詳細的定制，如文本、按鈕、圖像和列表框等。同時，開發者還可以借助它對整個界面進行合理化的布局。通過XAML來構建UI界面具有簡潔、可視化等優點，非常適合MVVM的應用程序架構。本章將講解關於XAML語言基礎內容，其中包括XAML語言簡介、創建XAML文件、XAML文件構成、元素構成等內容。

XAML語言簡介

XAML是Extensible Application Markup Language的英文縮寫，相應的中文名稱為“可擴展應用程序標記語言”。它是微軟公司為構建應用程序用戶界面而創建的一種新的描述性語言。它基於Extensive Markup Language（XML）可擴展標記語言。XAML提供了一種便於擴展和定位的語法來定義和程序邏輯分離的用戶界面，而這種實現方式和ASP.NET中的“代碼后置”模型非常類似。XAML是一種解釋性的語言，盡管它也可以被編譯。它的優點是簡化編程式上的用戶創建過程，應用時要添加代碼和配置等等。

創建XAML文件

在Xamarin.Forms中，XAML代碼保存在XAML文件中。開發者在編寫XAML代碼時，首先需要創建對應的XAML文件。本節將講解使用兩種開發工具創建XAML文件，第一種是使用Visual Studio創建XAML；第二種是使用Xamarin Studio創建XAML。

使用Visual Studio創建XAML

使用Visual Studio創建XAML文件有兩種方式。第一種是創建項目后再創建XAML文件，第二種是創建項目時創建XAML文件。下面對這兩種方式詳細介紹。

1.創建項目后再創建XAML文件

以下我們將以創建項目Hello為例，為開發者講解創建PCL類型的項目后，再創建XAML文件的具體操作步驟：

（1）打開Visual Studio，如圖1.1所示。

（2）單擊“新建項目…”按鈕，彈出“新建項目”界面，如圖1.2所示。

 

圖1.1  啟動VS

（3）選擇Cross-Plaform下的Blank App (Xamarin.Forms Portable) 模板，將名稱、位置進行修改，這里我們將名稱改為了Hello，將位置改為了D:\Code\XAML。

 

圖1.2  “新建項目”界面

（4）單擊“確定”按鈕，此時就創建好了一個名稱Hello的項目。

（5）右擊Hello (可移植的) 項目，彈出快捷菜單，如圖1.3所示。

 

圖1.3  菜單

（6）在彈出的快捷菜單中選擇“添加(D)”|“新建項(W)…”命令，彈出“添加新項 – Hello”界面，如圖1.4所示。

 

圖1.4  “添加新項 – Hello”界面

（7）選擇Cross-Platform下的Forms Xaml Page項，並將名稱改為XAMLPage.xaml。

注意：如果開發者不修改圖1.4中的名稱，默認為Page1.xaml。

（8）單擊“添加(A)”按鈕，此時一個XAML文件就創建好了，此文件的名稱為XAMLPage，如圖1.5所示。

 

圖1.5  XAMLPage.xaml文件

注意：在此Xamarin版本中，還不支持基於Share類型項目創建XAML文件。

2.創建項目時創建XAML文件

在Visual Studio中，創建項目時創建XAML文件是一種最常用的方式，並且是最為簡單的的方式。以下我們將以Hello為例，為開發者講解創建項目時創建XAML文件的具體操作步驟：

（1）在計算機上找到Visual Studio，將其打開示。

（2）選擇“新建項目…”按鈕，彈出“新建項目”界面，如圖1.6所示。

（3）選擇Cross-Plaform下的Blank Xaml App (Xamarin.Forms Portable) 模板，將名稱、位置進行修改，這里我們將名稱改為了Hello，將位置改為了D:\Code\XAML。

 

圖1.6  “新建項目”界面

（4）單擊“確定”按鈕，此時就創建好了一個名稱Hello的項目。我們可以看到，在創建的項目中存在一個XAML文件，此文件的名稱MainPage.xaml，如圖1.7所示。

 

圖1.7  MainPage.xaml文件

注意：如果開發者想要在此項目中再創建一個XAML文件，需要按照1.2.1小節中的步驟5到步驟7的方式操作。