Unity ugui text value suspended enlarged display add text background

【 effect 】

Used to solve the problem of limited text display space , When the cursor moves over the text control , Extra hover displays all text content .

【 Solution 】

Ideas ： Add a general content display panel with background , Select the objects that need special display by hovering the cursor , Then control the display and assignment content panel , The background of the content panel can be reduced as the number of words increases .

step ：

1、 Add one more Image object , And add a Text As its child .

2、 to Text Object to add ContentSizeFitter Components . Used to set the automatic adjustment of horizontal or vertical content

3、 to Image Objects are also added ContentSizeFitter Components , And increase VerticalLayoutGroup Component is used to automatically adjust the size of the background .

 4、 Then it is to give text objects that need special display content Write a script to control the content display panel , There are other objects in need later , Just bind the script directly .

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class ZoomInShow : MonoBehaviour
{
    // Current text object 
    private RectTransform rect;
    private Text rect_txt;
    // Additional content display panels （ With background ）
    private Transform objImage;
    private Text content;
    // be used for update Single entry and exit 
    private bool isEnter;

    void Awake()
    {
        rect = transform.GetComponent<RectTransform>();
        rect_txt = transform.GetComponent<Text>();
        objImage = transform.Find("/Canvas/ObjImage");
        content = objImage.GetChild(0).GetComponent<Text>();
    }
    
    void Update()
    {
        // Determine whether the mouse hovers over the UI On 
        if (RectTransformUtility.RectangleContainsScreenPoint(rect, Input.mousePosition) && !isEnter)
        {
            print(" Get into ");
            isEnter = true;
            // Cursor dwell delay display content panel 
            Invoke("ShowContentPanel", 0.2f);
        }

        if (RectTransformUtility.RectangleContainsScreenPoint(rect, Input.mousePosition) == false && isEnter == true)
        {
            print(" Removed from the ");
            isEnter = false;
            objImage.gameObject.SetActive(false);
        }
    }

    /// <summary>
    ///  Show content panel 
    /// </summary>
    void ShowContentPanel()
    {
        if (RectTransformUtility.RectangleContainsScreenPoint(rect, Input.mousePosition))
        {
            // Show content panel , Set panel position , Assignment text content 
            objImage.gameObject.SetActive(true);
            objImage.localPosition = rect.localPosition;
            content.text = rect_txt.text;

            // Update background size 
            LayoutRebuilder.ForceRebuildLayoutImmediate(content.rectTransform);
            LayoutRebuilder.ForceRebuildLayoutImmediate(content.transform.parent.transform as RectTransform);
        }
    }
}