UGUI_不规则按钮的响应区域

1.用Polygon Collider2D组件圈出精灵响应事件的区域。

 

注意 IsRaycastLocationValid 的判断区域是RectTransform的区域。如果 polygon Collider编辑出来的区域大于RectTransform ，必须调节RectTransform的区域。

例子：比如想把按钮的点击区域改成不规则的。

1.把按钮的image的RaycastTarget关闭勾选

2.在子节点创建新的gameObject挂上下面UIPolygon脚本。

3.编辑Polygon的区域即可。

 

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

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<PolygonCollider2D>();

            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