[Xamarin Forms] XAML previewer in Visual Studio 2017 (really slow)

By

Preview my Xamarin Forms XAML ?

Today, I started a new Xamarin Forms application and for that I decided to use Visual Studio 2017 Community edition.
Why ? Because I know that this version includes interesting features to me. One of this feature is that we can preview our Xamarin Forms XAML pages (theorically in a better way than in VS2015).

First, we have to notice that to preview XF XAML pages, we don't use the exact same way as with  traditional XAML pages. In fact what we are looking for is not the designer but the Xamarin Forms Previewer Window. Take a look at the next steps to understand the differences... 

There is not a lot of details on Xamarin Web site:
https://developer.xamarin.com/guides/xamarin-forms/xaml/xaml-previewer/



XAML Designer vs Xamarin Forms Previewer

On a XF XAML page, right click on the code:
Using traditional "Designer menu" as for traditional XAML page

We got an error

Then use the previewer (menu VIEW\Other Windows\Xamarin.Forms.Previewer) !


Then after 'some times', the previewer Window appears:




XF Previewer, is it cool and smooth ?

Unfortunately for me, I cannot modify my code while the previewer is opened. It is extremely slow to update changes...

So I know that the previewer is still in "Preview", but as is, I can't use it. I have to type my code then If I really need, open the previewer Window.

Bellow, here are the messages from Visual Studio showing me performances issue:






So I will investigate, and maybe wait for the next releases. If you encountered the same issue, don't hesitate to share your ideas ;)


Comments

  1. InwizardsJanuary 23, 2018 at 1:43 AM

    Nice blog. Thanks for sharing such great information.Inwizards Inc is a xamarin Development company offers quality xamarin development services best in web industries. Intrested click here - Xamarin services India, Hire xamarin developer india

    ReplyDelete
  2. XamarinDevelopmentCompanyJanuary 29, 2018 at 5:22 AM

    Nice blog. Thanks for sharing such great information.Develop xamarin application Xamarin development services , Xamarin development company

    ReplyDelete

Post a Comment

Popular posts from this blog

EMGU with Xamarin Forms guide [part 1]

By
Image
I- Introduction, OpenCV and EMGU Do you know OpenCV ( Open Source Computer Vision Library:  https://opencv.org/ ) ?  This open source library let's you work and play with images and videos with a lot of powerful image processing algorithms !  If you want some details, I suggest you to first navigate to the link above or search for 'OpenCV' on Google.  Examples of OpenCV processing found on the web (filters, object detection, edges...): EMGU is a .NET OpenCV wrapper. That means that you will be able to use OpenCV functionnalities in your .NET projects using C# for instance. EMGU is cross platform, so you will also be able to use it in your Xamarin projects ! That's great because there is no advanced image processing library in Xamarin. In this article, we will talk about EMGU and list the steps to setup a Xamarin Forms project using EMGU . It may help you because, we must say that it's not a trivial task...  II-What do I need to
Read more »

[Xamarin Forms] Custom bottom bordered entry (iOS & Android)

By
Image
Custom entry with renderers For my Xamarin Forms project I needed to render an 'Entry' control with a bottom border of a specific color. There are several possibilities but I will show you mine. For that, I used renderers. iOS one is particularly not trivial. The wished result look like that: iOS Renderer [assembly: ExportRenderer(typeof(ExtDatePicker), typeof(ExtDatePickerRenderer))] namespace MyCompany.iOS.Renderers { public class ExtDatePickerRenderer : DatePickerRenderer { protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e) { base.OnElementChanged(e); // Need to connect to Sizechanged event because first render time, Entry has no size (-1). if (e.NewElement != null) e.NewElement.SizeChanged += (obj, args) => { var xamEl = obj as DatePicker; if (xamEl == null) ret
Read more »

Set your browser on Fire with P5.js

By
Image
This post is made for those (like me) who like image processing , web development and maybe, for those who want to learn new programming technics ... - I will make you discover p5.js , a javascript library specialized in graphical creation for your web browser ! - I will also talk about the the Youtube channel "The Coding Train" presented by Daniel Shiffman. A lot of its videos are based on P5.js. It was for me a great source of inspiration and made me discover javascript (because I'm a newbie with JS...) So I'm pretty sure, you will learn a lot too... - Finally I will present you my personnal example of what I did with P5.js. It's about an old retro fire effect (used in demoscene few years ago) :) So let's begin with p5.js ! I- What is P5.js ? a- Presentation As I mentionned it previously, P5.js is a graphical Javascript library. With it, you will be able to make great effects in your web pages in a few minutes.  This lib
Read more »