【NGUI】限制UIDargObject的拖拽区域（技能双摇杆的实现）

引言

最近在开发项目中的双摇杆功能，即利用摇杆释放指向性或者区域性的技能。之前介绍过利用NGUI开发的虚拟摇杆功能Unity3d中利用NGUI实现虚拟摇杆，本次在上文的基础上介绍一下如何限制滑块的移动区域。

需求分析

在拖拽滑块的基础上，增加区域限制。拖拽到限制区域边缘时，滑块会有被拉回的动作。

先看效果图



黑色区域为panel的区域，可以看到拖拽滑块基本被限制在panel区域内。

如何实现

UIPanel.cs中ConstrainTargetToBounds中实际裁剪的区域是如何确定的呢？

ConstrainTargetToBounds()

|__CalculateConstrainOffset()

|__finalClipRegion

finalClipRegion的实现如下，可以看出是依据Clipping的类型而进行不同的裁剪区域计算。



进而可以查看Clipping相关的属性



mclipping默认为UIDrawCall.clipping.None，mClipRange默认区域为300f*200f的矩形区域。

可以通过修改这两项参数来改变finalClipRegion的最终结果。

设置方式：

第一种可以在代码中进行设置



第二种方法也可以直接在编辑器中设置





最后，上代码：

代码在Unity3d中利用NGUI实现虚拟摇杆的基础上扩展了panel，并调用了panel.ConstrainTargetToBounds接口，其他并无二致。

using UnityEngine;
using System.Collections;

public class JoyStickDragObject : MonoBehaviour
{
public Transform target;
public UIPanel panel;                                       // 用于限制拖拽区域

Vector3 mTargetPos;                                         // 目标当前位置
Vector3 mLastPos;

int mTouchID = 0;

bool mStarted = false;
bool mPressed = false;

[SerializeField]
protected Vector3 scale = new Vector3(1f, 1f, 0f);
protected Vector3 originPos = Vector3.zero;
protected Vector3 offsetFromOrigin = Vector3.zero;          // 原点到拖拽位置的向量

public Vector3 OffsetFromOrigin
{
set { offsetFromOrigin = value; }
get { return offsetFromOrigin; }
}

// Use this for initialization
void Start () {
}

// Update is called once per frame
void Update () {

}

void OnPress(bool pressed)
{
if (enabled && NGUITools.GetActive(gameObject) && target != null)
{
if (pressed)
{
if (!mPressed)
{
mTouchID = UICamera.currentTouchID;
mPressed = true;
mStarted = false;
CancelMovement();
}
}
else if (mPressed && mTouchID == UICamera.currentTouchID)
{
mPressed = false;
target.position = Vector3.zero;
}
}

}
void OnDrag(Vector2 delta)
{
Ray ray = UICamera.currentCamera.ScreenPointToRay(UICamera.currentTouch.pos);
float dist = 0f;

Vector3 currentPos = ray.GetPoint(dist);
///< 更新当前坐标到上一时刻坐标的向量
Vector3 offset = currentPos - mLastPos;
///< 更新当前坐标到原点的向量
UpdateVector3FromOrigin(currentPos);
mLastPos = currentPos;

if (!mStarted)
{
mStarted = true;
offset = Vector3.zero;
}

if (panel.ConstrainTargetToBounds(target, false))         //限制拖拽区域
{
//Debug.Log("OnDrag: ConstrainTargetToBounds");
CancelMovement();
}

Move(offset);
}

void Move(Vector3 moveDelta)
{
mTargetPos += moveDelta;
target.position = mTargetPos;
}

void CancelMovement()
{
if (target != null)
{
Vector3 pos = target.localPosition;
target.localPosition = pos;
}
mTargetPos = (target != null) ? target.position : Vector3.zero;
}

///< 更新当前坐标到原点的向量
void UpdateVector3FromOrigin(Vector3 pos)
{
OffsetFromOrigin = pos - originPos;
}
}