unity3d中拖动图片进去感觉被遮挡了

Posted 2023-03-18

参考技术A

打开unity3d。
打开unity3d通过“GameObject”“UI”“Panel”创建一个Panel面板。同样的方式创建两个Image作为窗口，设置不同的颜色，并设置为Panel的子物体。在脚本文件夹中创建一个“Tuozhuai_test”脚本。在脚本中创建两个变量offset作为偏移、siblingIndex遮挡数值（这个越大就会遮挡后面的窗口）。然后在OnPointDown方法中设置当前窗口siblingIndex1在顶层显示（因为只有两个窗口所以就这么处理了），并获得鼠标与窗口的偏移，在OnDrag鼠标拖拽的时候设置窗口位置为鼠标位置加上偏移。回到场景，把脚本放在两个Image窗口上面。运行游戏，我们现在就可以拖拽窗口，并且可以实现窗口的不遮挡。

vue 快速给图片添加，点击旋转、放大、缩小、拖动的效果

参考技术A 可以看到现在的图片，已经具备放大缩小及旋转的功能了，但是这个方法会造成图片的遮挡，所以还需要做一个拖动图片的功能
在main.js里面全局定义一个拖动指令，也可在局部定义。

最后给当前图片的元素加上v-drag，以及position: absolute;的样式，图片就能正常的拖动了