KGUI Panel容器实现【区域内判断】与【左移/右移动作】

在项目开发中,也许我们会遇到这么一个问题? 该坐标点是否在范围内?也会遇到鼠标点在这个范围内是左移?还是右移?等等。

​因为需要这些信息来做滚动,当然不是UGUI自带的滚动条,而是写一套新的滚动实现方式或者去写某个点是否在这个范围内。

​而我将这种需求,定义为一个容器Panel。当鼠标在Panel移入移出,按下左移右移时,传递出相应的事件。

​当然我这里将鼠标的光标作为一个点,其实也许是VR手柄或者其他的。

一、区域内判断

要判断一个点是否在区域内,其实非常简单的,我们只需要将坐标点转化为屏幕坐标,然后区域内Panel,计算出它的中心点以及获取到它的大小。在将坐标点与这个Panel的坐标点和范围大小进行比较即可。

在这里插入图片描述
对坐标进行比较,记住一定要将坐标转为屏幕坐标进行比较

二、在区域内移动

如何判断在区域内是否移动?

​当鼠标移入到区域内,执行按下操作时,记录此时鼠标的屏幕坐标,然后每帧判断,计算下一帧与上一帧的X轴范围值大小,当范围值大小大于你所定义的值时,那么就往右移。

​什么意思呢?

​定义一个可Null类型的float变量,screenX。
在这里插入图片描述
在定义一个插值,就是当前值与最初记录的值打差值大小,当大于这个值或小于这个值的负数时,则算进行了一次移动操作。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

为什么会是差值的负数?

​比如我们要获取到右移这个动作、当鼠标按下时,最初按下的X坐标值为0,当我们往右移动时,X轴是增大的,那么计算出往右移大于10时,那么就算这一次操作满足了右移动作。这是将此时满足条件的值,重新赋到最初值中。

​同理,当我们往左移时,X轴是变小的。所以当往左移小于-10时,这个操作过程算一次左移操作。
在这里插入图片描述

完整代码如上图所示,完成一次操作则发送一次事件,这样注册这些事件的。注意,上图的计算是放在Update上每帧运算的。

三、总结

Panel容器比较简单,但是它又不得不介绍,因为它涉及到下一个控件(滚动视图【ScrollView】)。

​读者如果有任何的疑问或意见可以直接关注我的公众号(Hua灬清)进行询问,同时每周会推送原创技术博客。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值