Rotación

En este artículo se describe la nueva interfaz de usuario de Windows para la rotación y se proporcionan instrucciones de experiencia del usuario que se deben tener en cuenta al usar este nuevo mecanismo de interacción en la aplicación de Windows.

API importantes: Windows.UI.Input, Windows.UI.Xaml.Input

Qué hacer y qué no hacer

• Use la rotación para ayudar a los usuarios a rotar directamente los elementos de la interfaz de usuario.

Orientaciones de uso adicionales

Información general sobre la rotación

La rotación es la técnica optimizada para tocar que usan las aplicaciones de Windows para permitir que los usuarios giren un objeto en una dirección circular (en sentido contrario o en sentido contrario a las agujas del reloj).

En función del dispositivo de entrada, la interacción de rotación se realiza mediante:

• Un lápiz o lápiz activo/lápiz activo para mover la pinza de rotación de un objeto seleccionado.
• Lápiz táctil o pasivo/lápiz óptico para girar el objeto en la dirección deseada mediante el gesto de rotación.

Cuándo usar la rotación

Use la rotación para ayudar a los usuarios a rotar directamente los elementos de la interfaz de usuario. En los diagramas siguientes se muestran algunas de las posiciones de dedo admitidas para la interacción de rotación.

Nota Intuitivamente, y en la mayoría de los casos, el punto de rotación es uno de los dos puntos táctiles a menos que el usuario pueda especificar un punto de rotación no relacionado con los puntos de contacto (por ejemplo, en una aplicación de dibujo o diseño). Las imágenes siguientes muestran cómo se puede degradar la experiencia del usuario si el punto de rotación no está restringido de esta manera.

En esta primera imagen se muestran los puntos táctiles iniciales (pulgar) y secundarios (dedo índice): el dedo índice está tocando un árbol y el pulgar está tocando un registro.

En esta segunda imagen, la rotación se realiza alrededor del punto táctil inicial (pulgar). Después de la rotación, el dedo índice sigue tocando el tronco del árbol y el pulgar sigue tocando el registro (el punto de rotación).

En esta tercera imagen, la aplicación ha definido el centro de rotación (o establecido por el usuario) para que sea el punto central de la imagen. Después de la rotación, porque la imagen no giraba alrededor de uno de los dedos, la ilusión de manipulación directa se interrumpe (a menos que el usuario haya elegido esta configuración).

En esta última imagen, la aplicación ha definido el centro de rotación (o establecido por el usuario) para que sea un punto en el centro del borde izquierdo de la imagen. De nuevo, a menos que el usuario haya elegido esta configuración, la ilusión de manipulación directa se interrumpe en este caso.

 

Windows 10 admite tres tipos de rotación: gratis, restringido y combinado.

Tipo	Descripción
Rotación libre	La rotación libre permite a un usuario girar contenido libremente en cualquier lugar de un arco de 360 grados. Cuando el usuario libera el objeto, el objeto permanece en la posición elegida. La rotación libre es útil para aplicaciones de dibujo y diseño como Microsoft PowerPoint, Word, Visio y Paint; y Adobe Photoshop, Illustrator y Flash.
Rotación restringida	La rotación restringida admite la rotación libre durante la manipulación, pero aplica puntos de acoplamiento en incrementos de 90 grados (0, 90, 180 y 270) tras su liberación. Cuando el usuario libera el objeto, el objeto gira automáticamente al punto de acoplamiento más cercano. La rotación restringida es el método de rotación más común y funciona de forma similar al desplazamiento del contenido. Los puntos de acoplamiento permiten que un usuario sea impreciso y siga logrando su objetivo. La rotación restringida es útil para aplicaciones como exploradores web y álbumes de fotos.
Rotación combinada	La rotación combinada admite la rotación libre con zonas (similares a los rieles en Directrices para el movimiento panorámico) en cada uno de los puntos de acoplamiento de 90 grados aplicados por la rotación restringida. Si el usuario libera el objeto fuera de una de las zonas de 90 grados, el objeto permanece en esa posición; De lo contrario, el objeto gira automáticamente a un punto de acoplamiento. Nota Un raíl de interfaz de usuario es una característica en la que un área alrededor de un destino restringe el movimiento hacia algún valor específico o ubicación para influir en su selección.

Temas relacionados

Ejemplos

• Ejemplo básico de entrada
• Ejemplo de entrada de baja latencia
• Ejemplo del modo de interacción del usuario
• Ejemplo de elementos visuales de foco

Ejemplos de archivo

• Entrada: Ejemplo de eventos de entrada de usuario XAML
• Entrada: Ejemplo de capacidades del dispositivo
• Entrada: Ejemplo de prueba de posicionamiento táctil
• Muestra de desplazamiento, movimiento panorámico y zoom de XAML
• Entrada: Ejemplo simplificado de entrada de lápiz
• Entrada: gestos y manipulaciones con GestureRecognizer.
• Entrada: Ejemplo de manipulaciones y gestos
• Ejemplo de entrada táctil de DirectX