Xamarin forms: tooltip in windows app

Question

I am building an app using Xamarin forms PCL. My app will work on android, ios, windows 10 and windows 8.1.

I need to implement a tooltip control on tap event for windows os only. I tried tooltip like this-

if(Device.OS == TargetPlatform.Windows)
{
    var tapGestureRecognizer1 = new TapGestureRecognizer();
    tapGestureRecognizer1.Tapped += TapGestureRecognizer1_Tapped1;
    icon1.GestureRecognizers.Add(tapGestureRecognizer1);
}

private void TapGestureRecognizer1_Tapped1(object sender, EventArgs e)
{
    Constant.UserActiveTime = DateTime.Now;
    Windows.UI.Xaml.Controls.ToolTip toolTip1 = new Windows.UI.Xaml.Controls.ToolTip();
    toolTip1.Content = "Hi";
    toolTip1.Visibility = Windows.UI.Xaml.Visibility.Visible;    
}

Is there any working sample for tooltip control or any nuget package?

You are creating a tooltip but you are not attaching it to anything. No wonder you don't see it. Check your tooltip's Parent property. If it is null, don't be surprised your tooltip doesn't show. — Sefe
You should do your own research first. Good places to start would be here and here. These references took me less time to find than it took you to write the question. — Sefe

Anmol Modi Anmol Modi · Accepted Answer · 2018-03-28T13:20:04

Here is solution which I implemented for Xamarin UWP app.

Created custom stacklayout because I wanted a tooltip on whole section.In that you can add different controls. Main part is I'm using ClassId to get what text is needed to display in tooltip, you can add your custom property if you wish.

Hope it helps :-)

Added custom StackLayout :

public class ToolTipStacklayout :StackLayout
{
}

Added renderer in UWP :

public class ToolTipRendererUWP : VisualElementRenderer<StackLayout, StackPanel>
{

    protected override void OnElementChanged(ElementChangedEventArgs<StackLayout> e)
    {
        base.OnElementChanged(e);

        if (Element == null)
            return;            

        if (!string.IsNullOrEmpty(Element.ClassId))
        {
            ToolTip toolTip = new ToolTip();
            toolTip.Content = Element.ClassId;
            ToolTipService.SetToolTip(this, toolTip);
        }         
    }}

Also came to implement this for MAC desktop application .

Here is the solution for MAC :

 public class ToolTipRendererMAC : VisualElementRenderer<StackLayout>
{
    protected override void OnElementChanged(ElementChangedEventArgs<StackLayout> e)
    {
        base.OnElementChanged(e);
        if (Element == null)
            return;

        if (!string.IsNullOrEmpty(Element.ClassId))
            this.ToolTip = Element.ClassId;

    }}

Xamarin forms: tooltip in windows app

1 Answers