Thursday, October 13, 2016

Xamarin Forms Real Time Designer / Previewer

I have been trying what is available out there, at the moment, with regards to a real time UI designer for Xamarin forms.

The outcome of my research is:
  1.  Tried Xamarin's Previewer - am stuck with the designer showing a gray box containing  "XFPageRendererView". You can find other users facing the same issue. I tried to follow what they did to overcome it, but without success. Actually none of the solutions presented is really clear. It's worth mentioning a major drawback of this option: you must have a Mac running (at least in the current state of things, this seems to be a bug, not yet fixed) , to which you will connect to as the Mac Agent in Visual Studio, otherwise the previewer does not seem to respond. Like Gorilla Player, requires you to code your UI using XAML.
  2. Xamarin Forms Player - there is a nuget package, it is a headache to install, because it will (may) conflict with several of your other nuget packages - my workaround here was to manually install all the depencencies/missing ones, one by one, in the Droid project. Still, after being all set and ready to go, I could not go passed the Window with the Connect button. No idea how to proceed from there, what am I supposed to do, how do I finally see the preview. No suceess, followed the docs/the site, to no avail.
  3. Last and only working option - Gorilla Player. Setup consists of installing a program both in the desktop and in the device. But that's all. Just follow the instructions from the site, and things move smoothly. Drawback: you are forced to code your UI using XAML.

5 comments:

  1. I installed the Gorilla player and was testing it just fine until i got the "Cannot read property 'ISSUE_XAML_AREA' of undefined when trying to set a RelativeLayout Constraint. Even the sample for DerivedPages isnt working. Is there a fix for it? does it work for you?

    ReplyDelete
    Replies
    1. Hey Juan, I did not face this problem, so I have no idea. Did you google for this specfic message? Seems others faced the same: https://github.com/UXDivers/Gorilla-Player-Support/issues/161. If you do not find the solution you can post your scenario with the steps to reproduce the problem, yourself, there (https://github.com/UXDivers/Gorilla-Player-Support). Good luck.

      Delete
    2. I managed to make the DerivedPages project to Work but still facing the ISSUE_XAML_AREA error. In the logs i see the following message:

      Gorilla Server: warn: Found assembly Xamarin.Forms.Core but versions are incompatible. Expected 2.0.0.0, existent 2.2.0.45

      I'll post the issue to see if i can fix it. Thanks again.

      Delete
    3. Good luck, successfully getting the whole thing to work is, at this stage, undoubtedly way too complicated.

      Delete