與開發(fā)Android不同, 目前 Xamarin 尚未支持在Visual Studio中設(shè)計(jì)應(yīng)用程序頁面, 但官方表示目前已在研發(fā)當(dāng)中, 并會(huì)在不久之后的版本提供此功能. 因此目前iOS專案的UI設(shè)計(jì)必須透過MAC的Interface Builder (XCode的一部份), 或是直接在程式中宣告控制項(xiàng)的位置及大小, Visual Studio中的HelloWorld Application便是使用此方法.

1. 在Visual Studio 中新增專案, 在專案范本中選擇iOS下的iPhone, 并在右邊的范本中選擇HelloWorld Application, 接著指定專案名稱(此處為HelloIOS)

2. 第一次開啟iOS專案時(shí), Xamarin會(huì)提示使用者只有在商業(yè)版或更高的版本才能在Visual Studio中開發(fā)iOS專案.

接著Xamarin便會(huì)自動(dòng)啟用試用版本的授權(quán), 啟動(dòng)完畢后, 會(huì)提示使用者Visual Studio將會(huì)重新啟動(dòng).

若您MAC上的Xamarin授權(quán)尚未啟動(dòng), 將會(huì)看到系統(tǒng)提示, 說明Build Server(也就是MAC)尚未啟用授權(quán). 此時(shí)按下Activate按鈕可能沒有作用, 請(qǐng)依照下面的步驟, 在MAC上啟用Xamarin授權(quán).

3. 由于Xamarin在MAC上預(yù)設(shè)是以免費(fèi)版本開啟. 因此可以透過以下方法強(qiáng)制啟用Xamarin試用授權(quán). 首先在MAC的Finder開啟Xamarin Studio。

新增一個(gè)專案, 選擇iPhone =>Single View Application. 專案建立后, 點(diǎn)擊功能表中的專案=>Profile - Mono

此時(shí)會(huì)看到授權(quán)啟用的畫面. 當(dāng)完成啟用后, 我們就可以回到Visual Studio來指定我們的Build Host.

4. 在Visual Studio的工具=>選項(xiàng)中, 可以看到多出了一個(gè)Xamarin節(jié)點(diǎn), 點(diǎn)擊Xamarin下的iOS Settings, 在右邊可以指定Mac Build Host.您可以直接輸入MAC的電腦名稱或IP位址, 或按下Configure 進(jìn)行設(shè)定.

在設(shè)定視窗中, Xamarin會(huì)搜尋同一網(wǎng)段中已安裝并啟用Xamarin的MAC機(jī)器. 若狀態(tài)顯示為"Ready", 請(qǐng)按下Connect進(jìn)行連線.

若狀態(tài)不是"Ready”, 可以按下Diagnose按鈕進(jìn)行連線診斷. 如下圖所示, 若某一個(gè)或多個(gè)項(xiàng)目無法通過連線診斷, 則會(huì)出現(xiàn)failed, 您可以展開failed的項(xiàng)目了解失敗的原因.

5. 請(qǐng)?jiān)诮M態(tài)管理中, 將平臺(tái)設(shè)定為iPhoneSimulator,預(yù)設(shè)為部署至實(shí)體機(jī)器, 但這需要向Apple申請(qǐng)付費(fèi)的開發(fā)者賬號(hào).

接著在工具列中, 可以選擇iOS 模擬器的版本, 右邊綠色打勾的符號(hào)表示已與MAC Build Host的連線正常, 若是反灰的狀態(tài), 請(qǐng)按一下右邊的圖示重新與指定的Build Host連線.

5. 開啟專案中的MyViewConrtoller.cs 檔. 在此范例中, 同樣是在畫面中間放置一個(gè)Button控制項(xiàng)(在iOS中的類別名稱為UIButton)并顯示點(diǎn)擊的次數(shù). 由于我們是在程式中產(chǎn)生控制項(xiàng), 因此有部份程式碼是在宣告物件的布局屬性, 請(qǐng)參考下圖中程式碼的注解：

6. 接下來才是范例程式的重點(diǎn), 若您是在XCode中設(shè)計(jì)好UI, 則可以取代上面的程式.

如同先前Android的HelloWorld, 在iOS中, 按鈕的點(diǎn)擊事件不叫Click, 而是TouchUpInside, 因此我們透過此事件的處理, 在使用者點(diǎn)擊了按鈕后, 改邊按鈕的顯示文字(使用UIButton的SetTitle方法). 最后將Button控制項(xiàng)透過View.AddSubview方法加入到畫面當(dāng)中.

執(zhí)行結(jié)果如下：

By