Arrastrar y soltar

En las interfaces gráficas de usuario , arrastrar y soltar es un gesto con el dispositivo señalador mediante el cual el usuario selecciona un objeto virtual "agarrándolo" y arrastrándolo a una ubicación diferente o sobre otro objeto virtual. En general, se puede utilizar para ejecutar diversas acciones o crear diferentes tipos de asociaciones entre dos objetos abstractos .

La función de arrastrar y soltar no está presente en todos los programas, aunque a veces es una técnica rápida y fácil de aprender. Sin embargo, no siempre resulta claro para los usuarios que un elemento se puede arrastrar y soltar, ni qué comando se ejecuta al hacerlo, lo que puede disminuir la usabilidad. ^{[ 1 ]}

La secuencia básica que implica arrastrar y soltar es la siguiente:

• Mueva el puntero al objeto
• Presione y mantenga presionado el botón del ratón u otro dispositivo señalador para "agarrar" el objeto.
• Arrastra el objeto a la ubicación deseada moviendo el puntero a esta.
• Suelte el objeto pulsando el botón.

Arrastrar requiere más esfuerzo físico que mover el mismo dispositivo señalador sin presionar ningún botón. Por ello, el usuario no puede moverse con la misma rapidez y precisión mientras arrastra (véase la ley de Fitts ). Sin embargo, las operaciones de arrastrar y soltar tienen la ventaja de combinar de forma inteligente dos operandos (el objeto a arrastrar y la ubicación de destino) en una sola acción. ^{[ 2 ]} Arrastrar y soltar de forma prolongada (como en el diseño gráfico) puede cansar la mano que usa el ratón.

Surge un problema de diseño cuando el mismo botón sirve para seleccionar y arrastrar elementos. Un movimiento impreciso puede provocar que un intento de seleccionar un objeto se registre como un movimiento de arrastre.

Otro problema es que el objeto que se va a soltar puede quedar oculto bajo otros objetos. El usuario tendría que detener el arrastre, hacer visibles tanto el origen como el destino y volver a empezar. En el Mac OS clásico, la barra de menú superior servía como destino universal para cancelar el arrastre. Este problema se solucionó en Mac OS X con la introducción de Exposé .

La función de arrastrar y soltar, conocida entonces como clic y arrastrar , se utilizaba en el Macintosh original para manipular archivos (por ejemplo, copiarlos entre discos ^{[ 3 ]} o carpetas ^{[ 4 ]} ). System 7 añadió la posibilidad de abrir un documento en una aplicación arrastrando el icono del documento sobre el icono de la aplicación.

Apple añadió la función "Macintosh Drag and Drop" a System 7.5 , extendiendo la funcionalidad de "clic y arrastrar" a operaciones comunes del portapapeles, como copiar o mover texto dentro de un documento. También se podía arrastrar contenido al sistema de archivos para crear un archivo de recorte que luego se podía almacenar y reutilizar. Además, se podían soltar archivos en las ventanas de las aplicaciones, por ejemplo, para incluir un documento en un correo electrónico o añadir una imagen a un documento de procesador de texto.

Durante la mayor parte de su historia, Mac OS ha utilizado un ratón de un solo botón , que ocupa una gran parte de la superficie superior. Esto puede mitigar los problemas ergonómicos que supone mantener pulsado el botón mientras se arrastra un elemento.

El entorno de desarrollo de OS/2 utiliza ampliamente la función de arrastrar y soltar con el botón secundario del ratón , dejando el botón principal para seleccionar y hacer clic. Su uso, al igual que el de otras funciones avanzadas de Acceso Común al Usuario, distinguía las aplicaciones nativas de OS/2 de las adaptaciones para otras plataformas .

Las interfaces de pantalla táctil también incluyen la función de arrastrar y soltar, o más precisamente, mantener pulsado y luego arrastrar, por ejemplo, en las pantallas de inicio del iPhone o Android .

iOS 11 implementa una función de arrastrar y soltar que permite al usuario tocar elementos (y pulsar con otros dedos para arrastrar más) dentro de una aplicación o entre aplicaciones en iPads . ^{[ 10 ]} En iPhones, la funcionalidad solo está disponible dentro de la misma aplicación en la que el usuario inició el arrastre. ^{[ 11 ]}

Arrastrar y soltar se considera un enfoque importante para la construcción de programas en muchos sistemas de desarrollo de usuarios finales . A diferencia de los lenguajes de programación más tradicionales, basados ​​en texto, muchos lenguajes de programación para usuarios finales se basan en componentes visuales como mosaicos o iconos que los usuarios finales manipulan a través de interfaces de arrastrar y soltar. AgentSheets , ^{[ 12 ]} un entorno de programación para niños, introdujo la noción moderna de programación de bloques de arrastrar y soltar que proporciona 4 posibilidades principales: 1) Bloques que son componibles por el usuario final, 2) bloques que son editables por el usuario final, 3) los bloques se pueden anidar para representar estructuras de árbol, 4) los bloques están dispuestos geométricamente para definir la sintaxis. Arrastrar y soltar también está presente en muchos programas de edición de sombreadores para herramientas gráficas, como Blender . ^{[ 13 ]} Arrastrar y soltar también está presente en algunos motores de videojuegos, incluidos Unreal Engine , GameMaker Studio , Construct 2 y, con expansión, Unity .

Un ejemplo común es arrastrar un icono en un escritorio virtual hasta un icono especial de papelera para eliminar un archivo.

Otros ejemplos incluyen:

• Arrastrar un archivo de datos sobre el icono o la ventana de un programa para visualizarlo o procesarlo. Por ejemplo, soltar un icono que representa un archivo de texto en una ventana de Microsoft Word significa "Abrir este documento como un documento nuevo en Word".
• Mover o copiar archivos a una nueva ubicación/directorio/carpeta,
• Agregar objetos a una lista de objetos para procesar,
• Reorganizar los widgets en una interfaz gráfica de usuario para personalizar su diseño,
• Arrastrar un atributo sobre un objeto al que se aplicará el comando,
  • Por ejemplo, arrastrar un color sobre un objeto gráfico para cambiar su color.
• Arrastrar una herramienta a una ubicación del lienzo para aplicar la herramienta en esa ubicación,
• Crear un hipervínculo desde una ubicación o palabra a otra ubicación o documento.
• La mayoría de los procesadores de texto permiten arrastrar el texto seleccionado de un punto a otro.
• Arrastrar una serie de bloques de código, como en Blender , para diseñar sombreadores y materiales.
• Simular un movimiento panorámico de cámara en software de visualización y edición de imágenes.

• gesto del ratón
• Apuntar y hacer clic
• Snap (gráficos por computadora)