【UGUI】不规则按钮，只响应有相素位置的点击

最新推荐文章于 2025-06-08 19:14:20 发布

原创最新推荐文章于 2025-06-08 19:14:20 发布 · 653 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Unity #UGUI

Unity 同时被 2 个专栏收录

35 篇文章

订阅专栏

UGUI

5 篇文章

订阅专栏

为解决Unity中UGUI不规则按钮响应难题，本文介绍了一款脚本，该脚本可使按钮仅在其有像素的区域响应，极大简化了复杂UI设计的交互设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大多数时候，美术人员为了UI美观，会设计并提供一些不规则的按钮，而Unity中UGUI只能实现按钮的方块形相应区域，或者某些简单的规则图形相应区域，不过还要手动设置这些不规则区域。UI数量大时会非常麻烦。

使用如下脚本，经过简单设置后，可以使按钮只响应有像素的区域。

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

public class AlphaButtonClickMask : MonoBehaviour, ICanvasRaycastFilter 
{
    protected Image _image;

    public void Start()
    {
        _image = GetComponent<Image>();

        Texture2D tex = _image.sprite.texture as Texture2D;

        bool isInvalid = false;
        if (tex != null)
        {
            try
            {
                tex.GetPixels32();
            }
            catch (UnityException e)
            {
                Debug.LogError(e.Message);
                isInvalid = true;
            }
        }
        else
        {
            isInvalid = true;
        }

        if (isInvalid)
        {
            Debug.LogError("This script need an Image with a readbale Texture2D to work.");
        }
    }

    public bool IsRaycastLocationValid(Vector2 sp, Camera eventCamera)
    {
        Vector2 localPoint;
        RectTransformUtility.ScreenPointToLocalPointInRectangle(_image.rectTransform, sp, eventCamera, out localPoint);

		Vector2 pivot = _image.rectTransform.pivot;
		Vector2 normalizedLocal = new Vector2(pivot.x + localPoint.x / _image.rectTransform.rect.width, pivot.y + localPoint.y / _image.rectTransform.rect.height);
        Vector2 uv = new Vector2(
            _image.sprite.rect.x + normalizedLocal.x * _image.sprite.rect.width, 
            _image.sprite.rect.y + normalizedLocal.y * _image.sprite.rect.height );

        uv.x /= _image.sprite.texture.width;
        uv.y /= _image.sprite.texture.height;

        //uv are inversed, as 0,0 or the rect transform seem to be upper right, then going negativ toward lower left...
        Color c = _image.sprite.texture.GetPixelBilinear(uv.x, uv.y);

        return c.a> 0.1f;
    }
}

使用方法：

将脚本挂在Button上即可

同时UI图片需要勾选Read/Write Enable