前面写过一篇文章介绍了怎样过滤UI中透明区域的点击事件: 【100个 Unity实用技能】☀️ | Unity中 过滤透明区域的点击事件
里面提到了两种方法,都是通过像素检测来实现的,方法简单好用。但是有个条件是需要打开图片的Read/Write Enabled
,这会导致一张图片占用了两份内存。
一般这种透明区域的出现的不多情况下,使用起来也没什么太大的问题,但如果使用了很多这种图片,且都想实现过滤的效果,那可能造成比较多的消耗内存,所以就要考虑下别的方案。
下面介绍一种使用 PolygonCollider2D
多边形碰撞组件 来实现不规则图片的事件屏蔽方法,也是简单易用,下面一起看下:
具体事例:
using UnityEngine;
using UnityEngine.UI;
[RequireComponent(typeof(PolygonCollider2D))]
public class PolygonImageClick : MonoBehaviour, ICanvasRaycastFilter
{
/// <summary>
/// 2D多边形碰撞器
/// </summary>
protected PolygonCollider2D m_polygonCollider2D;
protected Image _image;
void Start()
{
_image = GetComponent<Image>();
m_polygonCollider2D = GetComponent<PolygonCollider2D>();
}
public bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)
{
Vector3 worldPos;
//将屏幕上的点转换为世界坐标中的点,考虑到了矩形(RectTransform)的本地坐标系
RectTransformUtility.ScreenPointToWorldPointInRectangle(_image.rectTransform, screenPoint, eventCamera, out worldPos);
return m_polygonCollider2D.OverlapPoint(worldPos);
}
}
通过继承一个ICanvasRaycastFilter接口,实现 IsRaycastLocationValid() 方法,在方法中判断某点是否在多边形碰撞器区域内即可实现不规则区域的点击。
将上述代码挂载到有Image的组件上,然后调整多边形不规则形状用来适配我们的不规则图片。
调整好多边形后运行游戏,即可实现只在多边形区域内可以实现点击事件,其他区域就被过滤掉了。
效果如下: