基本流程

1.代码思路

        (1)新建ItemTooltip.cs用于控制ItemTooltip(这个是在Hierarchy里的)中的文本内容

回顾一下:对于物品描述(ItemTooltip)的UI有三个部分,第一部分是名字和类型,第二部分是物品详解,第三部分是金币图标以及价值的文本

        (2)获取UI中的所有部分,因为item分为可出售和不可出售的,所以可出售的就将第三部分激活,反之隐藏

        (3)因为在商店里的物品是全价,而背包里的是打折后的价格,所以需要判断是否在商店里 

        (4)需要通过InventoryUI去调用这个物品信息显示,也就是ItemTooltip

        (5)新建一个脚本ShowItemTooltip.cs于Slot_Bag上,脚本的功能是让格子可以显示ItemTooltip,要使用ItemTooltip中的SetupTooltip就必须传入ItemDetails,然而ShowItemTooltip刚好挂载在Slot_Bag上,而在同个对象中又挂载了SlotUI.cs,它里面本身就有ItemDetails

        (6)在渲染物品描述时,从一行切换到两行会有一个明显的渲染延迟,所以要用到LayoutRebuilder中的ForceRebuildLayoutImmediate来强制重新生成hierarchy中的ItemTooltip

2.代码实现

ItemTooltip.cs

public class ItemTooltip : MonoBehaviour
{[SerializeField] private TextMeshProUGUI nameText;[SerializeField] private TextMeshProUGUI typeText;[SerializeField] private TextMeshProUGUI descriptionText;[SerializeField] private Text valueText;[SerializeField] private GameObject buttomPart;public void SetupTooltip(ItemDetails itemDetails, SlotType slotType)//这里的SlotType用于判断是否在商店中,因为价格不一致{nameText.text = itemDetails.itemName;typeText.text = GetItemType(itemDetails.itemType);descriptionText.text = itemDetails.itemDescription;if (itemDetails.itemType == ItemType.Seed || itemDetails.itemType == ItemType.Commodity || itemDetails.itemType == ItemType.Furniture)//种子,商品,家具{buttomPart.SetActive(true);var price = itemDetails.itemPrice;if (slotType == SlotType.Bag){price = (int)(price * itemDetails.sellPercentage);}valueText.text = price.ToString();}else{buttomPart.SetActive(false);}LayoutRebuilder.ForceRebuildLayoutImmediate(GetComponent<RectTransform>());}public string GetItemType(ItemType itemType){return itemType switch{ItemType.Seed => "种子",ItemType.Commodity => "商品",ItemType.Furniture => "家具",ItemType.BreakTool => "工具",ItemType.ChopTool => "工具",ItemType.HoeTool => "工具",ItemType.ReapTool => "工具",ItemType.WaterTool => "工具",_ => "无"};}}

showItemTooltip.cs

namespace FuliFarm.Inventory
{[RequireComponent(typeof(SlotUI))]public class ShowItemTooltip : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler{private SlotUI slotUI;//当鼠标滑进Slot时,如果有物品信息就显示Tooltipprivate InventoryUI inventoryUI => GetComponentInParent<InventoryUI>();private void Awake(){slotUI = GetComponent<SlotUI>();}public void OnPointerEnter(PointerEventData eventData){if (slotUI.itemAmount != 0){inventoryUI.itemTooltip.gameObject.SetActive(true);inventoryUI.itemTooltip.SetupTooltip(slotUI.itemDetails, slotUI.slotType);inventoryUI.itemTooltip.GetComponent<RectTransform>().pivot = new Vector2(0.5f, 0);inventoryUI.itemTooltip.transform.position = transform.position + Vector3.up * 60;}else {inventoryUI.itemTooltip.gameObject.SetActive(false);}}public void OnPointerExit(PointerEventData eventData){inventoryUI.itemTooltip.gameObject.SetActive(false);}}
}

InventoryUI中新增变量

public ItemTooltip itemTooltip;

最终效果

补充知识点

1.IPointerEnterHandler和IPointerExitHandler接口

        IPointerEnterHandler 接口

• 定义和用途
  • IPointerEnterHandler是 Unity 中的一个接口。当鼠标指针（或者在支持触摸的设备上，对应的触摸模拟指针）进入到一个带有碰撞器（Collider）的游戏对象（GameObject）的范围时，实现了这个接口的脚本中的OnPointerEnter方法就会被调用。这在很多情况下非常有用，比如制作游戏中的 UI 交互或者物体检测鼠标悬停效果。
• 示例场景
  • 假设你在制作一个角色扮演游戏，有各种道具图标显示在游戏界面上。当玩家的鼠标指针移动到某个道具图标上时，你想要显示这个道具的详细信息。你可以给道具图标对应的游戏对象添加一个碰撞器（比如BoxCollider2D用于 2D 游戏，BoxCollider用于 3D 游戏），然后在挂载的脚本中实现IPointerEnterHandler接口。

        IPointerExitHandler 接口

• 定义和用途
  • 与IPointerEnterHandler相对应，IPointerExitHandler接口用于处理当鼠标指针（或触摸模拟指针）离开一个带有碰撞器的游戏对象范围时的事件。这个接口中的OnPointerExit方法会在这种情况下被调用。它通常和IPointerEnterHandler一起使用，来实现完整的鼠标悬停（进入和离开）交互逻辑。