[UGUI效果实现]不规则、多变形按钮点击

参考的雨果大神的贴子做的,自己记录一下,以备不时之需。

一、实现效果

二、参数设置

1.新的Button,把Raycast target(射线检测)取消

[UGUI效果实现]不规则、多变形按钮点击_第1张图片

2.新建一个子节点GameObject(空的就行),添加组件Polygon Collider 2D,然后点击Edit Collder,对需要检测点击的区域进行设置。添加脚本 UI Polygon(雨果大神的脚本,我贴在下面了)

[UGUI效果实现]不规则、多变形按钮点击_第2张图片

三、脚本

1.UI Polygon(雨果大神写的)

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
#if UNITY_EDITOR
using UnityEditor;
#endif
[RequireComponent(typeof(PolygonCollider2D))]
public class UIPolygon : Image
{
    private PolygonCollider2D _polygon = null;
    private PolygonCollider2D polygon
    {
        get
        {
            if (_polygon == null)
                _polygon = GetComponent();
            return _polygon;
        }
    }
    protected UIPolygon()
    {
        useLegacyMeshGeneration = true;
    }
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
    }
    public override bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)
    {
        return polygon.OverlapPoint(eventCamera.ScreenToWorldPoint(screenPoint));
    }

#if UNITY_EDITOR
    protected override void Reset()
    {
        base.Reset();
        transform.localPosition = Vector3.zero;
        float w = (rectTransform.sizeDelta.x * 0.5f) + 0.1f;
        float h = (rectTransform.sizeDelta.y * 0.5f) + 0.1f;
        polygon.points = new Vector2[]
        {
            new Vector2(-w,-h),
            new Vector2(w,-h),
            new Vector2(w,h),
            new Vector2(-w,h)
          };
    }
#endif
}
#if UNITY_EDITOR
[CustomEditor(typeof(UIPolygon), true)]
public class UIPolygonInspector : Editor
{
    public override void OnInspectorGUI()
    {
    }
}
#endif

 

你可能感兴趣的:(项目经验)