Xamarin XAML語言教程Visual Studio中實現XAML預覽

Xamarin XAML語言教程Visual Studio中實現XAML預覽

每次通過編譯運行的方式查看XAML文件效果,需要花費大量的時間。如果開發者使用XAML對UI進行布局和設計,可以通過預覽的方式對XAML進行查看。本節將講解在Visual Studio和Xamarin Studio中如何實現預覽。

Visual Studio中實現預覽

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

圖1.17? Forms Previewer窗口

注意:在笫一次加載XAML文件時,開發者需要耐心等待一會,此時Forms Previewer窗口會對iOS或者Android的SDKs進行讀取,如圖1.18所示。


圖1.18? Forms Previewer窗口

此時我們會看到在Forms Previewer窗口中有6個選項,這6個選項的功能介紹如下:

Phone:在手機大小的屏幕中呈現。

Tablet:在平板電腦屏幕中呈現(請注意,窗格右下角有縮放控件)。

Android:顯示Android版本的屏幕。

iOS:顯示iOS版本的屏幕。

Portait (icon):使用縱向方向進行預覽。

Landscape (icon):使用橫向方向進行預覽。

開發者可以根據自己代碼的需求對這些選項進行選擇。圖1.18選擇的是Phone、iOS以及Portait (icon)模式。

注意:在打開的Forms Previewer窗口中很有可能不會對XAML中的內容進行顯示,如果遇到不顯示的問題,開發者可以有兩種解決辦法:

在嘗試預覽XAML文件之前,應該構建(編譯)項目。

嘗試關閉并重新打開XAML文件。

Xamarin Studio中實現預覽

如果開發者要在Xamarin Studio中實現預覽,可以單擊.xaml文件中的Preview按鈕,此時就會在XAML代碼的右側出現預覽窗口,如圖1.19所示。


圖1.19? 預覽窗口
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容