這篇文章給大家介紹Xamarin XAML語(yǔ)言中Visual Studio中怎么實(shí)現(xiàn)XAML，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

創(chuàng)新互聯(lián)公司-成都網(wǎng)站建設(shè)公司，專注網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷推廣，域名申請(qǐng)，網(wǎng)絡(luò)空間，網(wǎng)站托管維護(hù)有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問(wèn)題，請(qǐng)聯(lián)系創(chuàng)新互聯(lián)公司。

Xamarin XAML語(yǔ)言教程Visual Studio中實(shí)現(xiàn)XAML預(yù)覽

每次通過(guò)編譯運(yùn)行的方式查看XAML文件效果，需要花費(fèi)大量的時(shí)間。如果開發(fā)者使用XAML對(duì)UI進(jìn)行布局和設(shè)計(jì)，可以通過(guò)預(yù)覽的方式對(duì)XAML進(jìn)行查看。本節(jié)將講解在Visual Studio和Xamarin Studio中如何實(shí)現(xiàn)預(yù)覽。

Visual Studio中實(shí)現(xiàn)預(yù)覽

以下我們將以Hello項(xiàng)目為例，在Visual Studio中實(shí)現(xiàn)預(yù)覽。在實(shí)現(xiàn)預(yù)覽時(shí)，需要選擇“視圖(V)”|“其它窗口(E)”|Xamarin.Forms Previewer命令，打開Forms Previewer窗口，如圖1.17所示。

圖1.17  Forms Previewer窗口

注意：在笫一次加載XAML文件時(shí)，開發(fā)者需要耐心等待一會(huì)，此時(shí)Forms Previewer窗口會(huì)對(duì)iOS或者Android的SDKs進(jìn)行讀取，如圖1.18所示。

圖1.18  Forms Previewer窗口

此時(shí)我們會(huì)看到在Forms Previewer窗口中有6個(gè)選項(xiàng)，這6個(gè)選項(xiàng)的功能介紹如下：

• Phone：在手機(jī)大小的屏幕中呈現(xiàn)。

• Tablet：在平板電腦屏幕中呈現(xiàn)（請(qǐng)注意，窗格右下角有縮放控件）。

• Android：顯示Android版本的屏幕。

• iOS：顯示iOS版本的屏幕。

• Portait (icon)：使用縱向方向進(jìn)行預(yù)覽。

• Landscape (icon)：使用橫向方向進(jìn)行預(yù)覽。

開發(fā)者可以根據(jù)自己代碼的需求對(duì)這些選項(xiàng)進(jìn)行選擇。圖1.18選擇的是Phone、iOS以及Portait (icon)模式。

注意：在打開的Forms Previewer窗口中很有可能不會(huì)對(duì)XAML中的內(nèi)容進(jìn)行顯示，如果遇到不顯示的問(wèn)題，開發(fā)者可以有兩種解決辦法：

• 在嘗試預(yù)覽XAML文件之前，應(yīng)該構(gòu)建（編譯）項(xiàng)目。

• 嘗試關(guān)閉并重新打開XAML文件。

Xamarin Studio中實(shí)現(xiàn)預(yù)覽

如果開發(fā)者要在Xamarin Studio中實(shí)現(xiàn)預(yù)覽，可以單擊.xaml文件中的Preview按鈕，此時(shí)就會(huì)在XAML代碼的右側(cè)出現(xiàn)預(yù)覽窗口，如圖1.19所示。

圖1.19  預(yù)覽窗口

關(guān)于Xamarin XAML語(yǔ)言中Visual Studio中怎么實(shí)現(xiàn)XAML就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。