【Unity笔记】UI Image如何自定义事件来做一个点击图片放大缩小的功能

其实是canvas内部有一个Ray Cast 的射线投射,也就是说,canvas负责发射射线,Image负责接收射线

在canvas的inspector上有一个Graphic Raycaster 组件,负责发射,Image的inspector 的image组件上的Raycast Target可以设置是否接收射线



  1. 第一步,添加一个无响应事件的控件,比如: Image

  2. 给上面的控件添加一个脚本

  3. 先确认你要响应的事件

接口事件说明
IPointerEnterHandlerOnPointerEnterCalled when a pointer enters the object
IPointerExitHandlerOnPointerExitCalled when a pointer exits the object
IPointerDownHandlerOnPointerDownCalled when a pointer is pressed on the object
IPointerUpHandlerOnPointerUpCalled when a pointer is released (called on the GameObject that the pointer is clicking)
IPointerClickHandlerOnPointerClickCalled when a pointer is pressed and released on the same object
IInitializePotentialDragHandlerOnInitializePotentialDragCalled when a drag target is found, can be used to initialise values
IBeginDragHandlerOnBeginDragCalled on the drag object when dragging is about to begin
IDragHandlerOnDragCalled on the drag object when a drag is happening
IEndDragHandlerOnEndDragCalled on the drag object when a drag finishes
IDropHandlerOnDropCalled on the object where a drag finishes
IUpdateSelectedHandlerOnUpdateSelectedCalled on the selected object each tick
ISelectHandlerOnSelectCalled when the object becomes the selected object
IDeselectHandlerOnDeselectCalled on the selected object becomes deselected
IMoveHandlerOnMoveCalled when a move event occurs (left, right, up, down, ect)
ISubmitHandlerOnSubmitCalled when the submit button is pressed
ICancelHandlerOnCancelCalled when the cancel button is pressed
  1. 比如我们要响应一个点击事件

第一步,实现 IPointerDownHandler 接口
第二步,实现接口的方法
用代码实现一个点击图片放大,弹起图片缩小的效果

### k可能不会有代码提示,请引入: UnityEngine.EventSystems;
public class Test : MonoBehaviour, IPointerDownHandler,IPointerUpHandler
{
    public void OnPointerDown(PointerEventData eventData)
    {
        Debug.Log("鼠标按下事件");
        transform.localScale = new Vector3(1.1f,1.1f,1.1f);
    }

    public void OnPointerUp(PointerEventData eventData)
    {
        transform.localScale = new Vector3(1f, 1f, 1f);
        Debug.Log("鼠标弹起事件");
    }
}
  1. END

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Call me 兽医

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值