Unity3D de l'INTERFACE utilisateur, le calcul de la position en faisant glisser un élément?

Pour en la faisant glisser des trucs je viens de le faire :

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class Draggable : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler {



    public void OnBeginDrag(PointerEventData eventData) {

    }

    public void OnDrag(PointerEventData eventData) {
        //Debug.Log ("OnDrag");

        this.transform.position = eventData.position;

        }

    public void OnEndDrag(PointerEventData eventData) {
        Debug.Log ("OnEndDrag");

    }
}

OriginalL'auteur Uri Popov

Tout d'abord, Tous les autres anwers dans ce post, fonctionnent très bien. J'ai travaillé sur cette question depuis si longtemps et je voulais juste poster ici. Il ajoute un mode de prévenir d'autres non désirés objets de l'INTERFACE utilisateur de glisser autour.

Mon objectif officiel était de fournir un moyen de le faire sans l'aide de bool beingDragged = false;. Vous ne savez pas qui Button ou Image est glissé si vous le faites comme ça.

Glisser de l'INTERFACE utilisateur:

Convertir Screenpoint Locale point dans le RectTransform avec l'aide de RectTransformUtility ensuite utiliser Canvas.transform.TransformPoint pour savoir exactement où l'enfant de l'INTERFACE utilisateur.

public Canvas parentCanvasOfImageToMove;
Vector2 pos;
RectTransformUtility.ScreenPointToLocalPointInRectangle(parentCanvasOfImageToMove.transform as RectTransform, eventData.position, parentCanvasOfImageToMove.worldCamera, out pos);
UIToMove.transform.position = parentCanvasOfImageToMove.transform.TransformPoint(pos);

Faites glisser le code a l'air plus compliqué que les autres de glisser du code dans d'autres réponses, mais il semble fonctionner dans chaque Toile de mode de l'appareil.

La détection de l'Objet qui est sur le point d'être traîné:

La façon la plus simple de le faire est de créer une variable globale que vous pouvez utiliser pour économiser de l'objet sur lequel l'utilisateur veut se glisser dans la OnBeginDrag fonction, alors vous pouvez faire glisser l'objet dans la OnDrag. Définir l'objet à null quand OnEndDrag est appelé.

objectToBeDragged = eventData.pointerCurrentRaycast.gameObject;

Cela doit être fait une fois dans la OnBeginDrag fonction sauvegardé dans une variable globale.

Vous ne pouvez pas effectuer les opérations suivantes dans la OnDrag fonction

if (eventData.pointerCurrentRaycast.gameObject == someOtherUI)
{
someOtherUI....drag
}

Même si il est suppose de travailler, il n'est pas parfois. Même retourner la valeur null parfois pendant OnDrag. C'est pourquoi il doit être fait dans le OnBeginDrag fonction.

Détectant et en faisant Glisser le Bouton Vs Image:

Détecter si l'INTERFACE est juste un Image et en faisant Glisser un Image est très facile.

objectToBeDragged  = eventData.pointerCurrentRaycast.gameObject;
Button tempButton = objectToBeDragged.GetComponent<Button>();
Image tempImage = objectToBeDragged.GetComponent<Image>();

Si tempImage est pas null et tempButton est null alors que c'est une Image.

Détecter si l'INTERFACE est juste un Button et en faisant Glisser un Button est PAS facile.
Quand un Bouton est cliqué sur le côté/edge, le nom de la Button est retourné, ce qui est bien. Mais la plupart du temps, un clic sur un Button qui se passe dans le milieu de la Button qui ne pas retour de l'instance ou le nom de la Touche, mais au lieu de cela renvoie la Text(Enfant de l'Objet). Vous NE peut pas déplacer d'un texte comme un Bouton. Il l'habitude de travailler.

objectToBeDragged  = eventData.pointerCurrentRaycast.gameObject;
Button tempButton = objectToBeDragged.GetComponent<Button>();
Image tempImage = objectToBeDragged.GetComponent<Image>();
Text tempText = objectToBeDragged.GetComponent<Text>();

si tempText est pas null, obtenir GetComponentInParent de l'Image et du Bouton élément du Texte. Si le Image n'est pas null et Button n'est pas null, alors c'est un Button.

if (tempText != null)
{
tempButton = tempText.GetComponentInParent<Button>();
tempImage = tempText.GetComponentInParent<Image>();
if (tempButton != null && tempImage != null)
{
//This is a Button
}
}

Ci-dessous le script complet de glisser de l'INTERFACE utilisateur Image/Panneau et Bouton. Un Bouton qui devrait être traîné devrait être mis dans la UIButtons tableau et d'un Panneau/Image qui devrait être traîné devrait être mis dans la UIPanels tableau. Il ignore les autres de l'INTERFACE utilisateur qui ne sont pas dans le Tableau.

public class UIDRAGGER : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
public Canvas parentCanvasOfImageToMove;
//10 UI Buttons (Assign in Editor)
public Button[] UIButtons;
//2 UI Panels/Images (Assign in Editor)
public Image[] UIPanels;
//Hold which Button or Image is selected
private Button selectedButton;
private Image selectedUIPanels;
//Used to make sure that the UI is position exactly where mouse was clicked intead of the default center of the UI
Vector3 moveOffset;
//Used to decide which mode we are in. Button Drag or Image/Panel Mode
private DragType dragType = DragType.NONE;
void Start()
{
parentCanvasOfImageToMove = gameObject.GetComponent<Canvas>();
}
//Checks if the Button passed in is in the array
bool buttonIsAvailableInArray(Button button)
{
bool _isAValidButton = false;
for (int i = 0; i < UIButtons.Length; i++)
{
if (UIButtons[i] == button)
{
_isAValidButton = true;
break;
}
}
return _isAValidButton;
}
//Checks if the Panel/Image passed in is in the array
bool imageIsAvailableInArray(Image image)
{
bool _isAValidImage = false;
for (int i = 0; i < UIPanels.Length; i++)
{
if (UIPanels[i] == image)
{
_isAValidImage = true;
break;
}
}
return _isAValidImage;
}
void selectButton(Button button, Vector3 currentPos)
{
//check if it is in the image array that is allowed to be moved
if (buttonIsAvailableInArray(button))
{
//Make the image the current selected image
selectedButton = button;
dragType = DragType.BUTTONS;
moveOffset = selectedButton.transform.position - currentPos;
}
else
{
//Clear the selected Button
selectedButton = null;
dragType = DragType.NONE;
}
}
void selectImage(Image image, Vector3 currentPos)
{
//check if it is in the image array that is allowed to be moved
if (imageIsAvailableInArray(image))
{
//Make the image the current selected image
selectedUIPanels = image;
dragType = DragType.IMAGES;
moveOffset = selectedUIPanels.transform.position - currentPos;
}
else
{
//Clear the selected Button
selectedUIPanels = null;
dragType = DragType.NONE;
}
}
public void OnBeginDrag(PointerEventData eventData)
{
GameObject tempObj = eventData.pointerCurrentRaycast.gameObject;
if (tempObj == null)
{
return;
}
Button tempButton = tempObj.GetComponent<Button>();
Image tempImage = tempObj.GetComponent<Image>();
Text tempText = tempObj.GetComponent<Text>();
//For Offeset Position
Vector2 pos;
RectTransformUtility.ScreenPointToLocalPointInRectangle(parentCanvasOfImageToMove.transform as RectTransform, eventData.position, parentCanvasOfImageToMove.worldCamera, out pos);
//Button must contain Text then Image and Button as parant
//Check if this is an image
if (tempButton == null || tempImage == null)
{
//Button not detected. Check if Button's text was detected
if (tempText != null)
{
//Text detected. Now Look for Button and Image in the text's parent Object
tempButton = tempText.GetComponentInParent<Button>();
tempImage = tempText.GetComponentInParent<Image>();
//Since child is text, check if parents are Button and Image
if (tempButton != null && tempImage != null)
{
//This is a Button
selectButton(tempButton, parentCanvasOfImageToMove.transform.TransformPoint(pos));
}
//Check if there is just an image
else if (tempImage != null)
{
//This is an Image
selectImage(tempImage, parentCanvasOfImageToMove.transform.TransformPoint(pos));
}
}
else
{
//This is an Image
selectImage(tempImage, parentCanvasOfImageToMove.transform.TransformPoint(pos));
}
}
//Check if there is just an image
else if (tempImage != null)
{
selectImage(tempImage, parentCanvasOfImageToMove.transform.TransformPoint(pos));
}
}
public void OnDrag(PointerEventData eventData)
{
Vector2 pos;
if (dragType == DragType.BUTTONS)
{
RectTransformUtility.ScreenPointToLocalPointInRectangle(parentCanvasOfImageToMove.transform as RectTransform, eventData.position, parentCanvasOfImageToMove.worldCamera, out pos);
selectedButton.transform.position = parentCanvasOfImageToMove.transform.TransformPoint(pos) + moveOffset;
}
else if (dragType == DragType.IMAGES)
{
RectTransformUtility.ScreenPointToLocalPointInRectangle(parentCanvasOfImageToMove.transform as RectTransform, eventData.position, parentCanvasOfImageToMove.worldCamera, out pos);
selectedUIPanels.transform.position = parentCanvasOfImageToMove.transform.TransformPoint(pos) + moveOffset;
}
}
public void OnEndDrag(PointerEventData eventData)
{
//Buttons
if (dragType == DragType.BUTTONS || dragType == DragType.IMAGES)
{
selectedButton = null;
selectedUIPanels = null;
dragType = DragType.NONE;
}
}
DragType getCurrentDragType()
{
return dragType;
}
private enum DragType { NONE, BUTTONS, IMAGES };
}

OriginalL'auteur Programmer