ボタンのヒットボックスを縮小する方法

Question

私のプロジェクトにはボタンがありますが、このボタンは特定のサイズで、子供がいます。私の問題は、ボタンのヒットボックスが大きすぎて、表示されている画像の外側からクリックすることができるということです。

このため、ボタン付きのすべてのアニメーションやイベントを保存したいと思いますが、ヒットボックスを縮小したいと思います。画像の透明でない部分にあるときにOnClickイベントを呼び出すことを許可するか、または長方形のヒットを縮小することによって縮小するかこれは可能ですか？私はオンラインで検索しましたが、それを縮小するとは言わず、それを拡大するだけでした。

• にMyButton：：画像、ボタン、アニメーター

  • タイトル：テキスト

  • 乗数：テキスト

  • グローここ

    は私のボタンのように見えるものです：画像・動画

私はボタンを押すと、私はMyButtonというのイメージを変更し、それのアニメーションで、光ったように見えますが、グローの画像を可能にします。

ボタンのヒットボックスを縮小する方法はありますか？

ありがとうございます。

Answer 1

このスクリプトをボタンに追加して、何らかの種類の2Dコライダーを追加すると、これを行うことができます。私は不規則な形のいくつかのボタンのためにこれを使用します。あなたのボタンに合う任意のコライダーを使用することができます。透明な部分を無視する方法もありますが、私はこの部分を好むことに注意してください。

using UnityEngine; 
using UnityEngine.UI; 

[RequireComponent(typeof(RectTransform), typeof(Collider2D))] 
public class Collider2DRaycastFilter : MonoBehaviour, ICanvasRaycastFilter 
{ 
    Collider2D myCollider; 
    RectTransform rectTransform; 

    void Awake() 
    { 
     myCollider = GetComponent<Collider2D>(); 
     rectTransform = GetComponent<RectTransform>(); 
    } 

    #region ICanvasRaycastFilter implementation 
    public bool IsRaycastLocationValid(Vector2 screenPos, Camera eventCamera) 
    { 
     var worldPoint = Vector3.zero; 
     var isInside = RectTransformUtility.ScreenPointToWorldPointInRectangle(
      rectTransform, 
      screenPos, 
      eventCamera, 
      out worldPoint 
     ); 
     if (isInside) 
      isInside = myCollider.OverlapPoint(worldPoint); 
     return isInside; 
    } 
    #endregion 
}