Hi,

Do you plan to support dotnet maui ?
Or maybe there is already an alternative ?

Thank you for this nice library !

On this page, https://www.thewissen.io/a-quick-explainer-recent-nuget-packages/, the sample code to insert the DebugRainbows xaml has an extra space between the "clr-namespace:" and the "assembly=". It's enough to make the XAML editor freak out and suggest a new namespace of DebugRainbows instead of "local". It still compiles and runs with the extra space but for a newbie it could be confusing.

Let's continue increasing the possibilities of the library. The idea would be:
Create a new Helper that shows:

• Memory used by the application (we could also show higher peak usage, etc.).
• Number of elements of the view (the number of elements in the visual tree).
• Etc

Hi,

I have create a custom ContentPage that acts as a base page for the majority of the pages in the app.
I have create a property called IsDebug, so that any pages that is based on this content page can simply change the IsDebug to true and it will turn on the debug rainbow.

In the BasePage I have this -
Xaml -

xmlns:rainbows="clr-namespace:Xamarin.Forms.DebugRainbows;assembly=Xamarin.Forms.DebugRainbows"
rainbows:DebugRainbow.IsDebug="False"

Code behind -

[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class BasePage : ContentPage
{
    public IList<View> BasePageContent => BaseContent.Children;

    public static readonly BindableProperty IsDebugProperty = BindableProperty.Create(nameof(IsDebug), typeof(bool), typeof(BasePage), false, defaultBindingMode: BindingMode.OneWay, propertyChanged: IsDebugChanged);
    public bool IsDebug
    {
        get => (bool)GetValue(IsDebugProperty);
        set => SetValue(IsDebugProperty, value);
    }
    public BasePage()
    {
        InitializeComponent();
    }


    private static void IsDebugChanged(BindableObject bindable, object oldValue, object newValue)
    {

        if (bindable != null && bindable is BasePage basePage)
        {
            // Enable or disable rainbow debug

        }
    }
}

Issue is im not sure how to set the value of rainbows:DebugRainbow.IsDebug="False" from the code behind.

Wondering if we can display the name of the control being tapped.

Is there any way to enable or disable DebugRainbows for all ContentPages and ContentViews at runtime. I tried to use that approach with MergedDictionaries like in that sample:

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/theming/theming

but it doesn't work- I created a Debug.xaml / Debug.xaml.cs and a NoDebug.xaml & NoDebug.xaml.cs like the Dark and Light theme in the sample. Then I used similar code to switch the Debug and NoDebug ResourceDictionary. But no effect. Ah to mention. In Debug.xaml I set Value to true, in NoDebug.xaml to false like

Debug

<Style TargetType="ContentPage" ApplyToDerivedTypes="True">
               <Setter Property="rainbows:DebugRainbow.ShowColors" Value="True" />
            </Style>

NoDebug

<Style TargetType="ContentPage" ApplyToDerivedTypes="True">
               <Setter Property="rainbows:DebugRainbow.ShowColors" Value="False" />
            </Style>

Thanks in advance if you have a running sample or a hint if it's possible to do the switch at runtime.

Checking for whether or not an element is of type DebugWrapper and setting the background color to Transparent should do the trick here.

I have installed your component, and as it works fine in my simulator it does not show on the iOS designer.

Is that not possible ?

Am I correct in assuming that it is running on forms 4.xxx only?

The idea is similar to the actual now, draw the border (or background) of a control with a color to see exactly its position and size. The difference is that, instead of drawing all, we are only going to draw that control over a special tap is made (Example: triple tap).

Add a property for the overlay grid to start from the horizontal and vertical center with a Major grid line (if used) and space itself out to the top, bottom, left and right. Probably best off making a property named GridOrigin with an enum containing TopLeft and Center for now. Can always add more if needed.

Read.me

<Style TargetType="ContentPage" ApplyToDerivedTypes="True">
<Setter Property="rainbows:DebugRainbow.ShowColors" Value="True" />
</Style>

On nuget 1.0.16 I used and it worked

<Style TargetType="ContentPage" ApplyToDerivedTypes="True">
<Setter Property="rainbows:DebugRainbow.IsDebug" Value="True" />
</Style>

ShowColors is gone and IsDebug is accessible from XAML.

Trying to set some toolbar items to help make it easier to debug.
The below code has been added to a base page.

In the page constructor I've added this -

#if DEBUG
            ToolbarItem rainbowToggle = new ToolbarItem
            {
                Text = "Rainbow",
                Order = ToolbarItemOrder.Secondary,
                Priority = 1
            };
            rainbowToggle.Clicked += RainbowToggleClicked;
            this.ToolbarItems.Add(rainbowToggle);
#endif

Then the clicked event is this (will add a property to toggle the option once it works) -

#if DEBUG

        void RainbowToggleClicked(object sender, EventArgs e)
        {
            DebugRainbow.SetShowColors(this, true);
        }
#endif

The DebugRainbow.SetShowColors() line is hit without error but none of the colours changes. Adding DebugRainbow.SetShowColors(this, true); to the constructor works fine.

Same issue with SetShowGrid()

That's great! This is really a productivity power tool, and it would be nice if it could support display margin border padding width height value。

Hello,

I work on a Xamarin.Forms.Shall app based on a TabBar. My pages also contain a NavigationBar customized by TitleView and a StatusBar.

When I launch the app, the grid lines are not displayed over the NavigationBar and TabBar.

Is it normal?

It's the same thing on iOS and Android.

I've attached a screenshot to illustrate my request.

Have you ever thought about the possibility to enable the Debug Mode in the whole app, setting random colors for every view in every page without the need of adding DebugRainbow.IsDebug="true in the individual pages?

That could be a option you can enable in App.xml.cs, by statically calling some method or variable of DebugRainbow to set the debug in all pages, and it would run whenever a new page is open. Is that possible?

If you could give me directions I may try and create a pull request over the next days. ;)

Hi, I am having trouble getting rainbows displayed on the latest version of Xamarin.Forms. Could you look pretty please?

By just adding the NuGet to my Shared Project iget the following Error in my Android Project:

C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\MSBuild\Xamarin\Android\Xamarin.Android.Common.targets(1866,2): error XA2002: Can not resolve reference: Xamarin.Forms.DebugRainbows, referenced by XYZ. Please add a NuGet package or assembly reference for Xamarin.Forms.DebugRainbows, or remove the reference to XYZ.

If i add the Nuget to Android too it works. That should not be needed, right?

the correct is rainbows:DebugRainbow.IsDebug="true" not rainbows:DebugRainbow.ShowColors="true"