Xamarin XAML語(yǔ)言教程Visual Studio中實(shí)現(xiàn)XAML預(yù)覽
每次通過(guò)編譯運(yùn)行的方式查看XAML文件效果，需要花費(fèi)大量的時(shí)間。如果開(kāi)發(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命令，打開(kāi)Forms Previewer窗口，如圖1.17所示。
注意：在笫一次加載XAML文件時(shí)，開(kāi)發(fā)者需要耐心等待一會(huì)，此時(shí)Forms Previewer窗口會(huì)對(duì)iOS或者Android的SDKs進(jìn)行讀取，如圖1.18所示。
此時(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ù)覽。
開(kāi)發(fā)者可以根據(jù)自己代碼的需求對(duì)這些選項(xiàng)進(jìn)行選擇。圖1.18選擇的是Phone、iOS以及Portait (icon)模式。
注意：在打開(kāi)的Forms Previewer窗口中很有可能不會(huì)對(duì)XAML中的內(nèi)容進(jìn)行顯示，如果遇到不顯示的問(wèn)題，開(kāi)發(fā)者可以有兩種解決辦法：
在嘗試預(yù)覽XAML文件之前，應(yīng)該構(gòu)建（編譯）項(xiàng)目。
嘗試關(guān)閉并重新打開(kāi)XAML文件。
Xamarin Studio中實(shí)現(xiàn)預(yù)覽
如果開(kāi)發(fā)者要在Xamarin Studio中實(shí)現(xiàn)預(yù)覽，可以單擊.xaml文件中的Preview按鈕，此時(shí)就會(huì)在XAML代碼的右側(cè)出現(xiàn)預(yù)覽窗口，如圖1.19所示。
