unity 原生UI 拖拽跟随鼠标移动

unity 拖拽某个UI移动时有三个方法：，例如是image类型的UI，要想实现图片跟随着鼠标移动需要以下操作：

第一个方法：在Update函数中执行

if(Input.GetMouseButton(0))
{

follow.position = Input.mousePosition;
}

第二个方法：在Update函数中执行

Vector3 V = Input.mousePosition;
Vector3 V2 = new Vector3(V.x-Screen.width/2,V.y-Screen.height/2);
follow.localPosition = V2;

以上只是通过鼠标的状态来控制物体的移动。

第三个方法：结合UI系统提供的事件来控制物体的移动

例如，我们给panel添加一个EventTrigger组件，分别添加Drag 和pointerDown两个事件

分别绑定触发的方法为MoveObject()，PointerDown();

public void MoveObject()
{

Vector3 off = Input.mousePosition - vec3;
vec3 = Input.mousePosition;
pos = pos + off;
transform.GetComponent<RectTransform>().position = pos;

}
public void PointerDown()
{
vec3 = Input.mousePosition;
pos = transform.GetComponent<RectTransform>().position;

}

这样就可以用鼠标拖动UI系统的panel了

unity 原生UI 拖拽跟随鼠标移动相关推荐

【加强版】js原生实现拖拽效果，这次没有用document的mousedown、mousemove、mouseup事件我们来点实际的（但是有个弊端：拖拽过程中鼠标会变成一个禁用符号，不太友好）
<div class='dragged'></div> //初始化需要拖拽的列initDrags() {var arr = document.querySelectorAll( ...
【墙裂推荐】【原生基础版】js原生实现拖拽效果，注意不要忘了div的cursor用grab和grabbing 还是古法炮制、传统工艺的原生代码兼容性最好，推荐
以下方式的劣势就是在放弃拖拽那一刻会触发click事件,通常如果被拖拽元素还有其他点击事件,会重复触发,往往并非业务需求.优势就是-额-貌似这段代码没什么屌优势! <div class='dra ...
React.js实现原生js拖拽效果及思考
一.起因&思路不知不觉,已经好几天没写博客了...近来除了研究React,还做了公司官网... 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖 ...
android 跟随动画,Android实现View拖拽跟随手指移动效果
今天想实现这个功能,但是网上搜索代码,都是利用setPadding,setMargin 等方法去实现的,这在Android 4.0 以前是没问题的,但是,android 4.0 后系统已经提供了更简单 ...
127：vue+openlayers 使用CRTL控制map拖拽和鼠标滚动（示例代码）
第127个点击查看专栏目录本示例的目的是介绍如何在vue+openlayers项目中设置控制条件,使用CRTL控制map拖拽和鼠标滚动. 直接复制下面的 vue+openlayers源代码,操作2 ...
js 拖拽元素鼠标速度过快元素跟不上
自己写一个拖拽元素,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标参考了网上的文章 ,里面对比了绑定到 body和document上的不同点js 拖拽元素鼠标速度过快问题明白过来是因为速度过 ...
js实现图片的放大缩小（鼠标长按拖拽、鼠标滚轮控制放大缩小）
系列文章目录文章目录系列文章目录背景与效果图 1.背景如下(功能图): 2.效果图如下: 拖拽后的效果缩放的效果放大的效果一.功能:支持鼠标长按拖拽 1.鼠标事件: 2.拖拽功能流程 3. ...
【Unity实现背包拖拽功能】
Unity实现背包拖拽功能可以实现背包拖拽交换位置.合成等一系列功能的实现 using System; using System.Collections; using System.Collect ...
vuejs 原生JS 拖拽事件案例
原生JS or Vue 事件案例合集(详细) 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加 Section 1 单个或多个鼠标拖拽事件的理解提示:写完文章后,目录可以自动生成,如 ...

unity 原生UI 拖拽跟随鼠标移动

unity 原生UI 拖拽跟随鼠标移动相关推荐

最新文章

热门文章