Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)

Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)

使用Xamarin Studio建立XAML

Xamarin Studio和Visual Studio建立XAML檔案一樣，也分為兩種建立方式。第一種是建立專案後再建立XAML檔案，第二種是建立專案時建立XAML檔案。以下對這兩種方式進行詳細介紹。

1.建立專案後再建立XAML檔案

以下我們將以建立專案Hello為例，為開發者講解建立專案後建立XAML檔案的具體操作步驟：

（1）在計算機上找到Xamarin Studio，將其開啟，如圖1.8所示。

（2）選擇“New Solution…”按鈕，彈出Choose a template for your new project介面，如圖1.9所示。

圖1.8  開啟Xamarin Studio

（3）選擇Multiplatform下的App中的Forms App模板，單擊Next按鈕，進入到Configure your Forms App介面，如圖1.10所示。

（4）在App Name對應的文字框中輸入應用程式的名稱，這裡我們輸入的是Hello，單擊Next按鈕進行Configure your new project介面中，如圖1.11所示。

（5）單擊Create按鈕，一個名為Hello的專案就建立好了。選擇選單中的File|New File…命令，彈出New File介面，如圖1.12所示。

圖1.9  Choose a template for your new project介面

圖1.10  Configure your Forms App介面

圖1.11  Configure your new project介面

圖1.12  New File介面

（6）選擇Forms中的Forms ContentPage Xaml選項，在Name文字框中輸入名稱，這裡我們使用的是預設的名稱。單擊New按鈕，此時一個名為MyPage的Xaml檔案就建立好了，如圖1.13所示。

圖1.13  MyPage檔案

2.建立專案時建立XAML檔案

在Xamarin Studio中在建立專案的同時建立XAML也是最常用的方式，並且是最為簡單的方式。以下我們將以Hello為例，為開發者講解在建立專案的同時建立XAML的具體操作步驟：

（1）在計算機上找到Xamarin Studio，將其開啟。

（2）選擇“New Solution…”按鈕，彈出Choose a template for your new project介面。

（3）選擇Multiplatform下的App中的Forms App模板，單擊Next按鈕，進入到Configure your Forms App介面。

（4）在App Name對應的文字框中輸入應用程式的名稱，這裡我們輸入的是Hello，將最下方的Use XAML for user interface files核取方塊選中，如圖1.14所示。

（5）單擊Next按鈕,進入Configure your new project介面中。

圖1.14  Configure your Forms App介面

（6）單擊Create按鈕，一個名為Hello的專案就建立好了。我們可以看到在建立的專案中存在一個XAML檔案，此檔案的名稱HelloPage.xaml，如圖1.15所示。

圖1.15  HelloPage.xaml

注意：在後面內容中，我們主要使用Visual Studio為環境講解XAML程式碼的編寫。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/29597077/viewspace-2137096/，如需轉載，請註明出處，否則將追究法律責任。