Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Preview Xamarin Form Pages

Is there any way to preview a Xamarin forms page without first deploying to device/emulator?

Or is there any way to live edit the page and see changes somewhere (a bit like Snoopy for WPF). I tried both Xamarin Studio + Visual Studio and do not see a designer.

like image 994
Michal Ciechan Avatar asked Jul 08 '16 15:07

Michal Ciechan


2 Answers

Update 30 Sept 2016:

Using the latest version of Xamarin you can use the following steps:

Use the View > Other Windows > Xamarin.Forms Previewer menu in Visual Studio to open the preview window. Use the Window > New Vertical Tab Group menu to position it side-by-side like the image below:

enter image description here

Note that:

The previewer requires that the project be built before rendering a page. If the error 'Invalid XAML' appears at the top of the preview pane, re-build the application and try again.

Source

Old Answer for reference to other solutions:

The Xamarin.Forms Previewer is currently only available in Xamarin Studio in the Alpha channel. Follow these instructions to change the update channel.

Currently there is no official Xamarin Forms UI previewer for visual studio. However in the last Xamarin Evolve 2016, Xamarin announced that they are working on a designer that will be released. It is to be announced.

Xamarin recently released a Xamarin Previewer, for Xamarin Studio only (Visual Studio to come later) that lets you preview XAML on iOS and Android. This is currently in preview and available via the Alpha channel (29th April 2016). I will try to remember to update this once it comes out for Visual Studio.

As an unofficial alternatives, you can try:

Gorilla Player

like image 110
Zein Makki Avatar answered Nov 14 '22 09:11

Zein Makki


Xamarin.Forms Previewer is now available in VS. All you need to do is to update your Xamarin version: Tools > Options > Xamarin > Other > Check Now to update your Xamarin to the latest.

Then open it via View > Other Windows > Xamarin.Forms Previewer

UPDATE: But it looks like that it does not show anything from my XAML!

like image 24
LonelyDeveloper Avatar answered Nov 14 '22 09:11

LonelyDeveloper