UGUI背包实现详解之一UGUI精准拖拽

UGUI为开发者提供了许多实现交互的接口，包括拖拽类、点选类、鼠标指针类等，下面是最简单的UI拖拽实现方式：

将上边代码挂在UI上运行，就可以实现最简单的拖拽效果。但是这种方式存在问题：鼠标开始点下时会出现UI位置弹跳，鼠标指针出现了位置偏移并不在UI上。

我们来看一下问题所在：

蓝点为UI的Pivot轴心点，假设红点为鼠标点下位置，由于UI的Position在UI正中位置，但是鼠标开始点下位置总不在UI正中间，所以就导致了UI拖动过程中的位置偏移。而这个偏移量就是上图绿色箭头所标记向量。

现在我们使用另外一种拖拽方式——精准拖拽：

UGUI为我们提供了一个类：RectTransformUtility，其中有UI屏幕坐标转换为世界坐标的方式：ScreenPointToWorldPointInRectangle，坐标转换的好处是：

无论UGUI的Canvas画布模式是哪一种，以上代码都适用。

将此脚本挂在UI上，运行unity，现在UI的精准拖拽就实现了。

UGUI背包实现详解之一UGUI精准拖拽相关推荐

Unity UGUI Button 中文详解-Chinar
Chinar blog :www.chinar.xin Unity UGUI 完整系列教程 (Chinar中文图解) Unity UGUI Button 组件本文提供全流程,中文翻译. Chinar ...
uGUI之AutoLayout详解——minHeight,preferredHeight,flexibleHeight
首先看一个例子,新建一个Panel,在下面添加两个Button,分别命名为Button.Button2. 1.给Panel添加一个VerticalLayoutGroup组件,ChildForceExp ...
Unity UGUI InputField 中文详解-Chinar
Chinar blog :www.chinar.xin Unity UGUI 完整系列教程 (Chinar中文图解) Unity UGUI InputField组件本文提供全流程,中文翻译. Chi ...
动态规划01背包算法详解
动态规划算法核心思想: 将大的问题转化为小问题进行解决. 01背包问题: 01背包是在M件物品取出若干件放在空间为W的背包里,每件物品的重量为W1,W2至Wn,与之相对应的价值为V1V2至Vn.01背 ...
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏六大推荐理由理由一:系统理由二:详细理由三:专业理由四:图解理由五:深度理由六:实例一键直达:<UGUI 控件详解 ...
Unity：锚点详解
锚点时基于父对象让子对象定位用的.所以我们移动锚点时候的范围就是父对象的宽和高. 锚点在一起时这四个三角形在一起时意味着锚点在一起当锚点在一起的时候,图片的大小不会随着父对象的大小改变而改变:图片 ...
网络请求的基本知识《极客学院－－AFNetworking 2.x 网络解析详解－－1》学习笔记...
2019独角兽企业重金招聘Python工程师标准>>> 网络请求的基本知识我们网络请求用的是HTTP请求 Http请求格式:请求的方法,请求头,请求正文 Http请求的Requ ...
Unity 之 UGUI Dropdown下拉选单组件详解
Unity 之 UGUI Dropdown下拉选单组件详解 1,属性面板 1), Dropdown的组成 2,代码操作 3,使用实例 1), 控制菜单展开方向 4,相关扩展 1), Lua中动态添加O ...
Unity UGUI Batches合批规则详解（含源码）
Unity UGUI Batches合批规则详解在处理UGUI DrawCall问题的时候,我们经常遇到各式各样的问题. 问题1:在处理UGUI合批的时候,发现了一个面板父节点发生旋转,底下的UI合 ...

UGUI背包实现详解之一UGUI精准拖拽

UGUI背包实现详解之一UGUI精准拖拽相关推荐

最新文章

热门文章