tomergoldst / tooltips Goto Github PK

using System;
using Android.Views;
using Com.Tomergoldst.Tooltips;
using EvvMobileApp.Droid.Effects;
using EvvMobileApp.UI.Effects;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;
using static Com.Tomergoldst.Tooltips.ToolTipsManager;

[assembly: ExportEffect(typeof(TooltipEffectAndroid), nameof(TooltipEffect))]
namespace EvvMobileApp.Droid.Effects
{
    class TooltipEffectAndroid : PlatformEffect
        {
            ToolTip toolTipView;
            ToolTipsManager _toolTipsManager;
            ITipListener listener;

            public TooltipEffectAndroid()
            {
                listener = new TipListener();
                _toolTipsManager = new ToolTipsManager(listener);
            }

            void OnTap(object sender, EventArgs e)
            {
                var control = Control ?? Container;

                var text = TooltipEffect.GetText(Element);

                if (!string.IsNullOrEmpty(text))
                {
                    ToolTip.Builder builder;
                    var parentContent = control.RootView;

                    var position = TooltipEffect.GetPosition(Element);
                    switch (position)
                    {
                        case TooltipPosition.Top:
                            builder = new ToolTip.Builder(control.Context, control, parentContent as ViewGroup, text, ToolTip.PositionAbove);
                            break;
                        case TooltipPosition.Left:
                            builder = new ToolTip.Builder(control.Context, control, parentContent as ViewGroup, text, ToolTip.PositionLeftTo);
                            break;
                        case TooltipPosition.Right:
                            builder = new ToolTip.Builder(control.Context, control, parentContent as ViewGroup, text, ToolTip.PositionRightTo);
                            break;
                        default:
                            builder = new ToolTip.Builder(control.Context, control, parentContent as ViewGroup, text, ToolTip.PositionBelow);
                            break;
                    }

                    builder.SetAlign(ToolTip.AlignLeft);
                    builder.SetBackgroundColor(TooltipEffect.GetBackgroundColor(Element).ToAndroid());
                    builder.SetTextColor(TooltipEffect.GetTextColor(Element).ToAndroid());

                    toolTipView = builder.Build();

                    _toolTipsManager?.Show(toolTipView);
                }

            }


            protected override void OnAttached()
            {
                var control = Control ?? Container;
                control.Click += OnTap;
            }


            protected override void OnDetached()
            {
                var control = Control ?? Container;
                control.Click -= OnTap;
                _toolTipsManager.FindAndDismiss(control);
            }

            class TipListener : Java.Lang.Object, ITipListener
            {
                public void OnTipDismissed(Android.Views.View p0, int p1, bool p2)
                {

                }
            }
        }
    }

                        <Button FontSize="Medium"
                                Grid.Column="3"
                                effects:TooltipEffect.Position="Left"
                                effects:TooltipEffect.BackgroundColor="Silver"
                                effects:TooltipEffect.TextColor="Teal"
                                effects:TooltipEffect.Text="{Binding ScheduledShift.SupervisorNotes}"
                                effects:TooltipEffect.HasTooltip="True"
                                Margin="0"
                                Padding="0"
                                Text="{x:Static fontawesome:FontAwesomeIcons.StickyNote}"
                                IsVisible="{Binding ScheduledShift.SupervisorNotes, Converter={StaticResource NullOrEmptyReturnsFalseBooleanConverter}}"
                                FontFamily="{StaticResource FontAwesomeSolid}"
                                TextColor="{StaticResource AlternateAccentText}"></Button>

using System.Linq;
using Xamarin.Forms;

namespace EvvMobileApp.UI.Effects
{

    public enum TooltipPosition
    {
        Left = 0,
        Top = 1,
        Right = 2,
        Bottom = 3
    }

    public static class TooltipEffect
    {

        public static readonly BindableProperty HasTooltipProperty =
          BindableProperty.CreateAttached("HasTooltip", typeof(bool), typeof(TooltipEffect), false, propertyChanged: OnHasTooltipChanged);
        public static readonly BindableProperty TextColorProperty =
          BindableProperty.CreateAttached("TextColor", typeof(Color), typeof(TooltipEffect), Color.White);
        public static readonly BindableProperty BackgroundColorProperty =
          BindableProperty.CreateAttached("BackgroundColor", typeof(Color), typeof(TooltipEffect), Color.Black);
        public static readonly BindableProperty TextProperty =
          BindableProperty.CreateAttached("Text", typeof(string), typeof(TooltipEffect), string.Empty);
        public static readonly BindableProperty PositionProperty =
          BindableProperty.CreateAttached("Position", typeof(TooltipPosition), typeof(TooltipEffect), TooltipPosition.Bottom);

        public static bool GetHasTooltip(BindableObject view)
        {
            return (bool)view.GetValue(HasTooltipProperty);
        }

        public static void SetHasTooltip(BindableObject view, bool value)
        {
            view.SetValue(HasTooltipProperty, value);
        }

        public static Color GetTextColor(BindableObject view)
        {
            return (Color)view.GetValue(TextColorProperty);
        }

        public static void SetTextColor(BindableObject view, Color value)
        {
            view.SetValue(TextColorProperty, value);
        }

        public static Color GetBackgroundColor(BindableObject view)
        {
            return (Color)view.GetValue(BackgroundColorProperty);
        }

        public static void SetBackgroundColor(BindableObject view, Color value)
        {
            view.SetValue(BackgroundColorProperty, value);
        }

        public static string GetText(BindableObject view)
        {
            return (string)view.GetValue(TextProperty);
        }

        public static void SetText(BindableObject view, string value)
        {
            view.SetValue(TextProperty, value);
        }

        public static TooltipPosition GetPosition(BindableObject view)
        {
            return (TooltipPosition)view.GetValue(PositionProperty);
        }

        public static void SetPosition(BindableObject view, TooltipPosition value)
        {
            view.SetValue(PositionProperty, value);
        }


        static void OnHasTooltipChanged(BindableObject bindable, object oldValue, object newValue)
        {
            var view = bindable as View;
            if (view == null)
            {
                return;
            }

            bool hasTooltip = (bool)newValue;
            if (hasTooltip)
            {
                view.Effects.Add(new ControlTooltipEffect());
            }
            else
            {
                var toRemove = view.Effects.FirstOrDefault(e => e is ControlTooltipEffect);
                if (toRemove != null)
                {
                    view.Effects.Remove(toRemove);
                }
            }
        }
    }

    class ControlTooltipEffect : RoutingEffect
    {
        public ControlTooltipEffect() : base("ABCS.TooltipEffect")
        {

        }
    }
}

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    holder.mTitle.text = metricObject[position].name ?: ""

    holder.metricInfoIcon.setOnClickListener {
        val tooltipPosition = ToolTip.POSITION_RIGHT_TO
        val tooltipAlign = ToolTip.ALIGN_CENTER

        var tooltipText: String = metricObject[position].definition ?: ""

        displayToolTip(
            tooltipText,
            holder.metricInfoIcon,
            holder.rootLayout,
            tooltipPosition,
            tooltipAlign
        )
    }
}

    private fun displayToolTip(tootipText: String,imageView: ImageView,view: ViewGroup,position: Int, align: Int) {

    handler?.removeCallbacksAndMessages(null)
    toolTipsManager?.findAndDismiss(imageView)

    // get message from edit text
    val text: String = tootipText.trim()
    // set tooltip on text view

    // check condition
    if (!text.isEmpty()) {
        // when message is not equal to empty
        // create tooltip



        toolTipsManager = ToolTipsManager(this);
        val builder = ToolTip.Builder(view.context, imageView,view, text, position)
        //builder.setElevation(f)
        // set align
        builder.setAlign(align)
        builder.setTextAppearance(R.style.TooltipTextAppearance)
        val typeface = ResourcesCompat.getFont(context, R.font.inter_semibold)
        if (typeface != null) {
            builder.setTypeface(typeface)
        };
        // set background color
        builder.setBackgroundColor(ContextCompat.getColor(context,R.color.tooltip_color))
        // show tooltip
        toolTipsManager!!.show(builder.build())

        handler =  Handler(Looper.getMainLooper());

        handler?.postDelayed({
            toolTipsManager?.findAndDismiss(imageView)
        }, 3000)

    } else {
    }
}

    mToolTipsManager = new ToolTipsManager();

    mTextViewRadiusLabel = (TextView) rootView.findViewById(R.id.textViewRadiusTitle);
    mTextViewRadiusLabel.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            ToolTip.Builder builder = new ToolTip.Builder(getContext(), mTextViewRadiusLabel, container, "Tip message asdf asasd asdfasd", ToolTip.POSITION_BELOW);
            builder.setTextSize(12);
            mToolTipsManager.show(builder.build());
        }
    });

// This tip is shows the first time the sample app is loaded. Use a message that gives user
        // guide on how to use the sample app. Also try to showcase the ability of the app.
        CharSequence initialGuideTex = Html.fromHtml("Click on the <a href='#'>Buttons</a> " +
                "and the <a href='#'>Radio Buttons</a> bellow to test various tool tip configurations." +
                "<br><br><font color='grey'><small>GOT IT</small></font>");

        ToolTip.Builder builder = new ToolTip.Builder(this, mTextView, mRootLayout,
                initialGuideTex, ToolTip.POSITION_ABOVE);
        builder.setAlign(mAlign);
        builder.setBackgroundColor(Color.DKGRAY);
        builder.setTextAppearance(R.style.TooltipTextAppearance);
        mToolTipsManager.show(builder.build());

var toolTipBuilder = ToolTip.Builder(
            context, hint,
            root, getString(R.string.hint), ToolTip.POSITION_ABOVE
        )
        toolTipBuilder.setBackgroundColor(ContextCompat.getColor(this, R.color.blue))
        toolTipBuilder.setTypeface(ResourcesCompat.getFont(this, R.font.gf_bold)!!)
        hint.setOnClickListener {
               toolTip = toolTipsManager.show(toolTipBuilder.build())
        }

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/nested_scroll_view"
        android:visibility="visible"
        android:fillViewport="true">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            >
            <TextView/>
            <androidx.core.widget.NestedScrollView>
                <TextView/>
            </androidx.core.widget.NestedScrollView>

            <TextView/>

            <ImageView
                android:id="@+id/hint"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="3dp"
                android:src="@drawable/ic_info"
                android:translationZ="15dp"
                app:layout_constraintBottom_toBottomOf="@+id/label_day_select"
                app:layout_constraintStart_toEndOf="@+id/label_day_select"
                app:layout_constraintTop_toTopOf="@+id/label_day_select"
                app:tint="@color/green" />

            <com.skydoves.powerspinner.PowerSpinnerView/>
            <TextView/>
            <Button/>
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.core.widget.NestedScrollView>
</RelativeLayout>

public void clear() {
        if (!mTipsMap.isEmpty()) {
            for (Map.Entry<Integer, View> entry : mTipsMap.entrySet()) {
                dismiss(entry.getValue(), false);     //Do not delete items from this part.
            }
        }
        mTipsMap.clear();
    }