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 預覽視窗
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2138012/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Xamarin XAML語言教程使用Visual Studio建立XAML
- Xamarin XAML語言教程使用Xamarin Studio建立XAML(二)
- Xamarin XAML語言教程XAML檔案結構與解析XAML
- Xamarin XAML語言教程模板頁面TemplatedPage
- Xamarin XAML語言教程將XAML設計的UI顯示到介面UI
- Xamarin XAML語言教程Xamarin.Forms中構建進度條ORM
- Xamarin XAML語言教程物件元素的宣告方式物件
- Xamarin XAML語言教程基本檢視ContentViewView
- Xamarin XAML語言教程模板檢視TemplatedView(二)View
- Xamarin XAML語言教程模板檢視TemplatedView(一)View
- 剖析XAML語言
- Xamarin XAML語言教程基礎語法篇大學霸
- Xamarin XAML語言教程構建進度條ProgressBar
- Xamarin XAML語言教程Xamarin.Forms中改變活動指示器顏色ORM
- Xamarin XAML語言教程Xamarin.Forms中活動指示器的顯示隱藏ORM
- Xamarin XAML語言教程Xamarin.Forms中程式狀態與進度(一)ORM
- Visual Studio系列教程:使用XAML工具建立使用者介面(二)
- Visual Studio系列教程:使用XAML工具建立使用者介面(一)
- Visual Studio 2017建立XAML檔案
- Xamarin XAML語言教程構建ControlTemplate控制元件模板控制元件
- Xamarin XAML語言教程基本頁面ContentPage佔用面積
- Xamarin XAML語言教程控制元件模板的模板繫結控制元件
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (二)控制元件
- Xamarin XAML語言教程通過ProgressTo方法對進度條設定
- Xamarin XAML語言教程通過資料繫結使用Progress屬性
- Xamarin XAML語言教程使用方法設定進度條進度
- Xamarin XAML語言教程Progress屬性設定進度條進度
- Xamarin XAML語言教程基本頁面ContentPage佔用面積(二)
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (四)控制元件
- Xamarin XAML語言教程構建ControlTemplate控制元件模板 (三)控制元件
- Xamarin XAML語言教程基本檢視ContentViewg構架範圍框架View框架
- Xamarin XAML語言教程使用使用Progress屬性設定當前進度
- Visual Studio 11預覽: 新的程式語言功能
- Xamarin XAML語言教程ContentView檢視作為自定義檢視的父類View
- Xamarin XAML語言教程使用屬性設定進度條的當前進度
- Xamarin XAML語言教程隱藏檔案使用Progress屬性設定進度條
- Xamarin.Forms XAML的輔助功能Code SnippetORM
- Xamarin XAML語言教程使用Progress屬性資料繫結設定進度條進度