【Unity】(2D)物体拖拽
在2D场景中,实现将框中的物体拖拽之符合条件的物体中;
应用场景:排序、物品栏、背包等;
成果展示
Demo中实现的效果是画面中存在4个图片,需要按照喜好程度对图片进行排序,将上面的1-2-3-4序号拖拽至对应的图片旁边。
Scene部分
其中Target中存放4张猫咪图片,对应的Content中的1-2-3-4是下面的白色方框。
可以被拖拽的物体绑定组件 Canvas Group,这里对应的是Id
脚本部分
脚本绑定在可以被拖拽的物体上
public class TargetArray : MonoBehaviour, IDragHandler, IBeginDragHandler, IEndDragHandler
{
[SerializeField] private Canvas canvas;
[SerializeField] private Transform Parent;
private RectTransform rectTrans;
private CanvasGroup canvasGroup;
Vector3 originalPosition;
Transform originalParent;
private void Start()
{
rectTrans = GetComponent<RectTransform>();
canvasGroup = GetComponent<CanvasGroup>();
}
public void OnBeginDrag(PointerEventData eventData)
{
originalPosition.z = 0;
originalPosition = transform.position;
originalParent = transform.parent;
canvasGroup.blocksRaycasts = false;
canvasGroup.alpha = 0.35f;
transform.SetParent(Parent);
}
public void OnDrag(PointerEventData eventData)
{
rectTrans.anchoredPosition += eventData.delta / canvas.scaleFactor;
}
public void OnEndDrag(PointerEventData eventData)
{
canvasGroup.blocksRaycasts = true;
canvasGroup.alpha = 1f;
GameObject itemSlot = eventData.pointerCurrentRaycast.gameObject;
if (itemSlot != null && itemSlot.CompareTag("slot") && (itemSlot.transform.childCount ==0))
{
transform.SetParent(itemSlot.transform);
transform.position = itemSlot.transform.position;
}
else
{
transform.position = originalPosition;
transform.SetParent(originalParent);
}
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步