Setting a cursor for .NET MAUI VisualElement

[giscus[bot]]

Setting a cursor for .NET MAUI VisualElement

The article demonstrates how to change cursor of any .NET MAUI VisualElement.

https://vladislavantonyuk.github.io/articles/Setting-a-cursor-for-.NET-MAUI-VisualElement/

[jerry91122]

how to trigger actions when the mouse is clicked?

[VladislavAntonyuk]

Add GestureRecognizer to your element

[skane526]

Hello, where do I put this code? MyVisualElement.SetCustomCursor(CursorIcon.Hand, MyVisualElement.Handler?.MauiContext);

Should this be in my MainPage.xaml.cs file?

Thanks!

[VladislavAntonyuk]

Yes, you put it in place where you want to set a cursor

[sreckcep]

Hello, I like your tutorial, but I have a problem with getting the MauiContext. I don't use AppShell and when I directly put mainPage = HomePage() (which is just a contentPage) in app.xaml.cs, I get an exception because the mauicontext is null when building the view from xaml. This didn't happen with appshell. Any idea ?

[sreckcep]

by the way, thank you for taking the time to help me. That means a lot, especially since you're pretty much the only meaningful source about this topic online ! :)

[VladislavAntonyuk]

I will try later with the page (without Shell). Am I right, you have in App.cs: MainPage = new YourContentPage()?

[sreckcep]

Indeed.

[sreckcep]

Here is my App.cs page. I can't disclose my page code because it is company code however

        public VeritoolApp()
        {
            string lang = Thread.CurrentThread.CurrentCulture.TwoLetterISOLanguageName;
            Thread.CurrentThread.CurrentUICulture = new System.Globalization.CultureInfo(lang);
            InitializeComponent();
            




#if WINDOWS
            Microsoft.Maui.Handlers.WindowHandler.Mapper.AppendToMapping(nameof(IWindow), (handler, view) =>
            {

                var mauiWindow = handler.VirtualView;
                var nativeWindow = handler.PlatformView;
                nativeWindow.Activate();
                IntPtr windowHandle = WinRT.Interop.WindowNative.GetWindowHandle(nativeWindow);
                WindowId windowId = Microsoft.UI.Win32Interop.GetWindowIdFromWindow(windowHandle);
                AppWindow appWindow = Microsoft.UI.Windowing.AppWindow.GetFromWindowId(windowId);
                
                if (appWindow.Presenter is OverlappedPresenter p) 
                {
                    p.IsResizable = true;
                    p.Maximize();
                    
                }
                //appWindow.Resize(new SizeInt32(WindowWidth, WindowHeight));
            });
#endif

            MainPage = new HomePage(); 
        }

[mlemanczyk]

For anyone facing null context issue, I was setting the cursor for controls before the main page was created, essentially leading to null MAUI context. I've resolved it by monitoring, when the context gets changed. The updated CursorBehavior worked as a charm, for me.

    public class CursorBehavior
    {
        public static readonly BindableProperty CursorProperty = BindableProperty.CreateAttached("Cursor", typeof(CursorIcon), typeof(CursorBehavior), CursorIcon.Arrow, propertyChanged: CursorChanged);

        private static void CursorChanged(BindableObject bindable, object oldvalue, object newvalue)
        {
            if (bindable is VisualElement visualElement)
            {
                visualElement.HandlerChanged += (bindable, e) => {
                    visualElement.SetCustomCursor((CursorIcon)newvalue, Application.Current?.MainPage?.Handler?.MauiContext);
                };
            }
        }

        public static CursorIcon GetCursor(BindableObject view) => (CursorIcon)view.GetValue(CursorProperty);

        public static void SetCursor(BindableObject view, CursorIcon value) => view.SetValue(CursorProperty, value);
    }

[Saidalip1]

Is it possible to add our own cursor when hovering over a control? We have some core cursors that are working. Is it possible to add a new .cur file on Windows and Mac in .NET MAUI?

[tekmun]

In maui iOS .Net 9, this code throws an error:

var path = UIBezierPath.FromPath(pathGeometry.ToCGPath().Data);

I think using Microsoft.Maui.Controls.Compatibility.Platform.iOS; is no longer valid in .Net 9

Please kindly help. Thanks.

[VladislavAntonyuk]

See updated code in repo.

[tekmun]

The suggested solution does not work.
I removed the if-else condition and only use the if condition result.
path = UIBezierPath.FromPath(new CGPath());