当前位置：首页 > news >正文

UGUI不规则形状按钮（基于图标不透明区域）

news 2026/5/11 19:26:01

这是某公司的面试题，原题是判断鼠标点击到了一个字母O的环上。当然也可以扩展到任意字母，任意图案。出题之所以使用字母O可能是为了诱导人使用2D碰撞体做，但真实想要的是用UGUI的一些API。

ICanvasRaycastFilter接口和IsRaycastLocationValid

继承Image，Image继承了ICanvasRaycastFilter接口，它有一个bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)方法，根据输入的屏幕坐标返回是否射线有效。

重写这个方法，从输入的屏幕坐标>相对自身RectTransform的坐标>归一化的局部坐标（实际上已经是uv坐标了）>sprite空间坐标>采样像素>比较像素alpha和阈值>返回。

using UnityEngine; using UnityEngine.UI; public class CustomShapeButton : Image { [SerializeField] const float alphaThreshold=.1f; public override bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera) { // 1. 先走Image默认检测（矩形、可交互等） if (!base.IsRaycastLocationValid(screenPoint, eventCamera)) return false; // 2. 无Sprite/无纹理，直接不响应 if (sprite == null || sprite.texture == null) return false; Texture2D tex = sprite.texture; RectTransform rt = rectTransform; // 3. 屏幕点 → 本地坐标 → UV坐标 RectTransformUtility.ScreenPointToLocalPointInRectangle( rt, screenPoint, eventCamera, out Vector2 localPoint); Vector2 normalized = Rect.PointToNormalized(rt.rect, localPoint); // 4. UV → 像素坐标（考虑Sprite的边框/裁剪） Rect spriteRect = sprite.rect; int px = Mathf.RoundToInt(normalized.x * spriteRect.width + spriteRect.x); int py = Mathf.RoundToInt(normalized.y * spriteRect.height + spriteRect.y); // 5. 边界保护 px = Mathf.Clamp(px, 0, tex.width - 1); py = Mathf.Clamp(py, 0, tex.height - 1); // 6. 读取Alpha并判断 Color pixel = tex.GetPixel(px, py); bool ok=pixel.a >= alphaThreshold; return ok; } }