Xamarin
A Microsoft open-source app platform for building Android and iOS apps with .NET and C#.
5,294 questions
XAML debugging feature suggestion
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(121.6, 80%, 21%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ESP%3C/text%3E%3C/svg%3E)
shaun pryszlak
26
Reputation points
Not sure where to post this.
So I rotate my phone and the screen layout doesn't change. I am sure I have VerticalOptions and HorizontalOptions set everywhere but i obviously haven't. The way I debug it is by setting BackgroundColors on all the various elements so I can see what is resizing and what isn't. that way you can work out what the problem is.
Is there an easier way? What would be nice would be going into "xaml debug mode" and seeing a link between screen/emulator and code. click in the code and it draws a dotted line round the element on screen. Click on the screen and it shows what elements are below the cursor. That would make debugging so much easier.
Xamarin
Visual Studio Debugging
Visual Studio Debugging
Visual Studio: A family of Microsoft suites of integrated development tools for building applications for Windows, the web and mobile devices.Debugging: The act or process of detecting, locating, and correcting logical or syntactical errors in a program or malfunctions in hardware. In hardware contexts, the term troubleshoot is the term more frequently used, especially if the problem is major.
939 questions
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(12.8, 87%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ%3C/text%3E%3C/svg%3E)
JarvanZhang 23,936 Reputation points2021-08-18T06:22:12.403+00:00 So I rotate my phone and the screen layout doesn't change.
Hi, shaunpryszlak-2817. Do you mean the view doesn't resize when you rotate the device? Do you test the code on a physical device or the emulator? On Android emulator, we need to click the rotation icon to allow the rotation behavior.
What would be nice would be going into "xaml debug mode" and seeing a link between screen/emulator and code.
For the xaml debug, VisualStudio provides the XAML Hot Reload function which supports to debug running XAML code. If if doesn't satify your requirement, it's suggested to send a feedback to VisualStudio Community to post your request. Please see How to report a problem with Visual Studio - Visual Studio | Microsoft Learn
-
shaun pryszlak 26 Reputation points
2021-09-03T15:26:22.683+00:00 That was just an example. What i mean is it would be nice to click on a stacklayout in the xaml and have the relevant part of the screen hilight on the device. So you know which views are not resizing properly. You have a nest of 5ndifferent layouts and one is not resizing correctly. They are all white. I usually end up changing the background colour of each view just so i can see its exact bounds on screen. which is a fuss. Does hot reload do that? I understand it updates the screen as you edit the xaml but nothing to aid debugging.
-
JarvanZhang 23,936 Reputation points
2021-09-06T06:54:34.593+00:00 What i mean is it would be nice to click on a stacklayout in the xaml and have the relevant part of the screen hilight on the device.
Hi,shaunpryszlak-2817. VisualStudio doesn't provide the function. It's suggested to send a feature request to the product team Developer Community.
Sign in to comment