UnityUI 鼠标悬停，图像放大效果

原创

已于 2022-12-13 16:46:04 修改 · 3k 阅读

32 ·

CC 4.0 BY-SA版权

文章标签：

#unity

于 2022-12-12 23:00:22 首次发布

UnityUI 鼠标悬停，图像放大效果

- 方法一：创建透明图像遮罩，代码控制图像缩放
- 方法二：使用button组件做遮罩效果，代码控制图像缩放

方法一：创建透明图像遮罩，代码控制图像缩放

在pic2下创建子图像selected，统一image和selected的Rect Transform组件参数值

创建子图像

通过复制粘贴，统一Rect Transfor参数值

注意点
注意：Scale最好是1：1：1

创建ModeHighLighting脚本，挂在pic2上，并将图像selected赋值给脚本变量

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class ModeHighLighting : MonoBehaviour,IPointerEnterHandler,IPointerExitHandler //IPointerEnterHandler用于检测鼠标何时开始悬停在某个游戏对象上；IPointerExitHandler用于检测鼠标何时停止悬停在游戏对象上
{
   
   
    public GameObject beSelected; //遮罩
    public float size=1.2f;