Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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 táctil que usan las aplicaciones de Windows para permitir que los usuarios giren un objeto circularmente en el sentido de las agujas del reloj o en sentido contrario.
En función del dispositivo de entrada, la interacción de rotación se realiza mediante:
- Un ratón o lápiz óptico/activo para mover el control 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 tronco.
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 leño (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 | Description |
|---|---|
| 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 limitada permite 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 aun así logre 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 riel de interfaz de usuario es una característica en la que un área alrededor de un objetivo restringe el movimiento hacia un valor o ubicación específica para influir en su selección.
|
Temas relacionados
Samples
- Ejemplo de entrada básico
- Ejemplo de entrada de baja latencia
- Ejemplo de modo de interacción del usuario
- ejemplo de elementos visuales de enfoque
Ejemplos de archivo
- Entrada: Ejemplo de eventos de entrada de usuario XAML
- Entrada: Ejemplo de capacidades del dispositivo
- Entrada: Ejemplo de prueba de detección táctil
- Muestra de desplazamiento, movimiento panorámico y zoom de XAML
- Entrada: Muestra simplificada de tinta
- Entrada: gestos y manipulaciones con GestureRecognizer.
- Entrada: Muestra de manipulaciones y gestos
- Ejemplo de entrada táctil de DirectX
Colaborar con nosotros en GitHub
El origen de este contenido se puede encontrar en GitHub, donde también puede crear y revisar problemas y solicitudes de incorporación de cambios. Para más información, consulte nuestra guía para colaboradores.
