ToolTip Display Issue

[BlueSin]

I have a weird issue going on right now with my tool tips.  Basically I have an item picker window, that fills a scrollview-grid system with the items matching a filter from my inventory, but it only displays the item icon.  When I hover my mouse cursor over the icon, I want a tool tip to display the extended details of that item.  The code I am using to position the tool tip is here:

1. Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
2. transform.OverlayPosition(mousePosition, Camera.main, UICamera.mainCamera);

That code is located on a script attached to the tooltip.  If I hover my mouse over the center of the item icon the tool tip upper left corner should display at my mouse cursor point.  But instead it is doing this:



You can see the tooltip is off in the bottom left corner, even though my mouse position is in the center of the pink square.  So what am I doing wrong?

[ArenMook]

The overlay position function will only work with 2D UIs. I am guessing yours is 3D?

[BlueSin]

It should be 2D, I think NGUI auto generated it when I started placing components.  But I have been placing 3D colliders on objects and the UICamera event type says 3D, so maybe not.  How can I be sure it is a 2D UI?  When I set event type to 2D and change all the colliders to 2D colliders, it still pops up in the bottom left of the screen.

[ArenMook]

3D colliders are normal. When you select the camera it should tell you what it is under the Camera's "Projection" field in inspector. Orthographic = 2D. Perspective = 3D.

[BlueSin]

Ah, in that case my UI is 2D as it is set to orthographic.  So it would seem that is not the problem.  Could it be because the item being hovered is in a scrollview and grid? I can't see how that would matter but, I have double and triple checked that I am not changing the position in way other that my code I originally posted.  Here is the code that spawns the tooltip from the item icon (pink square):

1. private void OnTooltip(bool show)
2. {
3.             if (show)
4.             {
5.                 if (m_CurrentToolTip == null)
6.                 {
7.                     GameObject go = NGUITools.AddChild(m_CurrentRoot, ItemToolTipPrefab);
8.                     m_CurrentToolTip = go.GetComponent<UIItemToolTip>();
9.                     m_CurrentToolTip.SetData(DisplayedItem);
10.                 }
11.                 else
12.                 {
13.                     m_CurrentToolTip.SetData(DisplayedItem);
14.                     m_CurrentToolTip.Show();
15.                 }
16.             }
17.             else
18.             {
19.                 if (m_CurrentToolTip != null)
20.                     m_CurrentToolTip.Hide();
21.             }        
22. }

The tooltip then has this code in the Awake & Show methods:

1. Vector3 mousePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition);
2. transform.OverlayPosition(mousePosition, Camera.main, UICamera.mainCamera);

[ArenMook]

What's "m_CurrentRoot" and why are you adding the game object with the tooltip to it? The tooltip should already exist in the scene, ideally underneath a clean top-level panel just under the UIRoot.

What I always do in my games is have a singleton class attached to the tooltip (UITooltip comes with NGUI but I usually expand it), and that's what I use to show/hide it.

UITooltip.Show(...);

It positions itself.