Freigeben über

Drehung

In diesem Artikel wird die neue Windows-Benutzeroberfläche zur Drehung beschrieben und Benutzererfahrungsrichtlinien bereitgestellt, die bei Verwendung dieses neuen Interaktionsmechanismus in Ihrer Windows-App berücksichtigt werden sollten.

Wichtige APIs: Windows.UI.Input, Windows.UI.Xaml.Input

Empfehlungen für die Vorgehensweise

  • Verwenden Sie die Drehung, um Benutzern das direkte Drehen von UI-Elementen zu erleichtern.

Weitere Hinweise zur Verwendung

Übersicht über drehung

Drehung ist die touchoptimierte Technik, die von Windows-Apps verwendet wird, um Benutzern das Drehen eines Objekts in kreisförmige Richtung (im Uhrzeigersinn oder gegen den Uhrzeigersinn) zu ermöglichen.

Je nach Eingabegerät wird die Drehungsinteraktion mithilfe von:

  • Eine Maus oder ein aktiver Stift zum Drehen des Drehgriffs eines ausgewählten Objekts.
  • Toucheingabe oder passiver Zeichen-/Eingabestift, um das Objekt mithilfe der Drehbewegung in die gewünschte Richtung zu drehen.

Wann die Drehung verwenden

Verwenden Sie die Drehung, um Benutzern das direkte Rotieren von Benutzeroberflächenelementen zu ermöglichen. Die folgenden Diagramme zeigen einige der unterstützten Fingerpositionen für die Drehungsinteraktion.

Diagramm zur Veranschaulichung verschiedener Fingerhaltungen, die durch Drehung unterstützt werden.

Anmerkung Intuitiv und in den meisten Fällen ist der Drehungspunkt einer der beiden Berührungspunkte, es sei denn, der Benutzer kann einen Drehungspunkt angeben, der nicht mit den Kontaktpunkten verknüpft ist (z. B. in einer Zeichnungs- oder Layoutanwendung). Die folgenden Bilder veranschaulichen, wie die Benutzererfahrung beeinträchtigt werden kann, wenn der Drehungspunkt auf diese Weise nicht eingeschränkt ist.

Diese erste Abbildung zeigt die Berührungspunkte: den anfänglichen (Daumen) und den sekundären (Zeigefinger). Der Zeigefinger berührt einen Baum, und der Daumen berührt einen Baumstamm.

Abbildung der beiden anfänglichen Berührungspunkte für die Drehbewegung. In diesem zweiten Bild wird die Drehung um den anfänglichen Berührungspunkt (Daumen) durchgeführt. Nach der Drehung berührt der Zeigefinger weiterhin den Baumstamm, und der Daumen berührt weiterhin den Baumstamm (Drehpunkt).

Abbildung eines gedrehten Bilds mit dem Drehungspunkt, der auf einen der beiden anfänglichen Berührungspunkte beschränkt ist. In diesem dritten Bild wurde der Drehmittelpunkt durch die Anwendung (oder vom Benutzer festgelegt) als Mittelpunkt des Bilds definiert. Nach der Drehung, da das Bild nicht um einen der Finger gedreht wurde, wird die Illusion der direkten Manipulation unterbrochen (es sei denn, der Benutzer hat diese Einstellung ausgewählt).

Abbildung eines gedrehten Bilds mit dem Drehungspunkt, der auf die Mitte des Bilds beschränkt ist, und nicht eines der beiden anfänglichen Berührungspunkte. In diesem letzten Bild wurde die Drehmitte durch die Anwendung (oder vom Benutzer festgelegt) definiert, um einen Punkt in der Mitte des linken Rands des Bilds zu sein. Wenn der Benutzer diese Einstellung nicht ausgewählt hat, wird in diesem Fall die Illusion der direkten Manipulation unterbrochen.

Abbildung eines gedrehten Bilds mit dem Drehpunkt, der auf die linkeste Mitte des Bilds fixiert ist, anstelle eines der beiden anfänglichen Berührungspunkte.

 

Windows 10 unterstützt drei Arten von Drehungen: frei, eingeschränkt und kombiniert.

Typ Description
Freie Drehung

Die freie Drehung ermöglicht es einem Benutzer, Inhalte frei in einem 360-Grad-Bogen zu drehen. Wenn der Benutzer das Objekt loslässt, verbleibt das Objekt an der ausgewählten Position. Freie Drehung ist nützlich für Zeichen- und Layoutanwendungen wie Microsoft PowerPoint, Word, Visio und Paint; und Adobe Photoshop, Illustrator und Flash.
Eingeschränkte Drehung

Die eingeschränkte Drehung unterstützt die freie Drehung während der Manipulation, erzwingt aber bei der Freigabe Schnapp-Punkte in 90-Grad-Schritten (0, 90, 180 und 270). Wenn der Benutzer das Objekt loslässt, wird das Objekt automatisch zum nächsten Andockpunkt gedreht.

Eingeschränkte Drehung ist die am häufigsten verwendete Drehungsmethode und funktioniert auf ähnliche Weise wie das Scrollen von Inhalten. Snap-Punkte ermöglichen es einem Benutzer, ungenau zu sein und trotzdem ihr Ziel zu erreichen. Eingeschränkte Drehung ist nützlich für Anwendungen wie Webbrowser und Fotoalben.
Kombinierte Drehung

Kombinierte Drehung unterstützt freie Drehung mit Zonen (ähnlich wie Schienen in Den Richtlinien für Verschiebungen) an jedem der 90-Grad-Andockpunkte, die durch eingeschränkte Drehung erzwungen werden. Wenn der Benutzer das Objekt außerhalb einer von 90-Grad-Zonen loslässt, verbleibt das Objekt an dieser Position; andernfalls wird das Objekt automatisch zu einem Andockpunkt gedreht.

Anmerkung Eine Benutzeroberflächenschiene ist ein Feature, bei dem ein Bereich um ein Ziel die Bewegung auf einen bestimmten Wert oder eine bestimmte Position einschränkt, um seine Auswahl zu beeinflussen.
 

Beispiele

Archivbeispiele

  • Last updated on