如何使用UGUI创建制作不规则按钮

本文介绍如何使用Unity的UGUI创建一个带有PolygonCollider2D的Button,并通过自定义GraphicRaycaster来实现精确的点击区域识别。当点击指定区域时,能够触发相应的交互效果。

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

用UGUI创建一个image图片组件,然后在image组件上添加button组件,并且添加上polygon collider 2D功能,然后圈出要点击的区域
并且把canvas上的Graphicc Raycaster组件移除掉,并在canvas上添加如下代码:
这里写图片描述

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

public class CustomRaycaster : GraphicRaycaster
{
    private List _toBeRemoved = new List();

    public override void Raycast(PointerEventData eventData, List resultAppendList)
    {
        base.Raycast(eventData, resultAppendList);

        _toBeRemoved.Clear();
        foreach (var result in resultAppendList)
        {
            var polygon2D = result.gameObject.GetComponent();
            if (!polygon2D)
                continue;

            if (!polygon2D.OverlapPoint(eventData.position))
                _toBeRemoved.Add(result);
        }

        if (_toBeRemoved.Count > 0)
            resultAppendList.RemoveAll(r => _toBeRemoved.Contains(r));
    }
}

当我们把上述步骤做完后,我们可以运行游戏,点击我们之前选定的区域,我们可以看到效果,如果点击没有选定的区域,我们则无法看到效果!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值