Delen via

Rotation

In dit artikel wordt de nieuwe Windows-gebruikersinterface voor rotatie beschreven en worden richtlijnen voor gebruikerservaring geboden die moeten worden overwogen bij het gebruik van dit nieuwe interactiemechanisme in uw Windows-app.

Belangrijke API's: Windows.UI.Input, Windows.UI.Xaml.Input

Wat je wel en niet moet doen

  • Gebruik rotatie om gebruikers te helpen UI-elementen direct te roteren.

Aanvullende gebruiksrichtlijnen

Overzicht van rotatie

Rotatie is de voor aanraakbediening geoptimaliseerde techniek die door Windows-apps wordt gebruikt om gebruikers in staat te stellen een object ronddraaien (rechtsom of tegen de klok in).

Afhankelijk van het invoerapparaat wordt de rotatie-interactie uitgevoerd met behulp van:

  • Een muis of actieve pen/stylus om de draaigreep van een geselecteerd object te verplaatsen.
  • Raak aan of gebruik een passieve pen/stylus om het object in de gewenste richting te draaien met behulp van de rotatiebeweging.

Wanneer u draaiing gebruikt

Gebruik rotatie om gebruikers te helpen UI-elementen rechtstreeks te roteren. In de volgende diagrammen ziet u enkele ondersteunde vingerposities voor de rotatieinteractie.

diagram waarin verschillende vingerpostuurën worden gedemonstreerd die worden ondersteund door rotatie.

Notitie Intuïtief en in de meeste gevallen is het draaipunt een van de twee aanraakpunten, tenzij de gebruiker een draaipunt kan opgeven dat niet gerelateerd is aan de contactpunten (bijvoorbeeld in een tekening- of indelingstoepassing). In de volgende afbeeldingen ziet u hoe de gebruikerservaring kan worden gedegradeerd als het draaipunt op deze manier niet wordt beperkt.

Deze eerste afbeelding toont de eerste (duim) en secundaire (indexvinger) aanraakpunten: de indexvinger raakt een boom aan en de duim raakt een stam aan.

afbeelding van de twee eerste aanraakpunten voor de draaibeweging. In deze tweede afbeelding wordt rotatie uitgevoerd rond het eerste (duim) aanraakpunt. Na de draaiing raakt de indexvinger nog steeds de boomstam aan en raakt de duim nog steeds het logboek aan (het draaipunt).

afbeelding met een gedraaide afbeelding met het draaipunt beperkt tot een van de twee eerste aanraakpunten. In deze derde afbeelding is het midden van de draaiing gedefinieerd door de toepassing (of ingesteld door de gebruiker) als het middelpunt van de afbeelding. Na de draaiing, omdat de afbeelding niet om een van de vingers draaide, wordt de illusie van directe manipulatie verbroken (tenzij de gebruiker deze instelling heeft gekozen).

afbeelding met een gedraaide afbeelding met het draaipunt beperkt tot het midden van de afbeelding in plaats van een van de twee eerste aanraakpunten. In deze laatste afbeelding is het midden van de draaiing gedefinieerd door de toepassing (of ingesteld door de gebruiker) als een punt in het midden van de linkerrand van de afbeelding. Nogmaals, tenzij de gebruiker deze instelling heeft gekozen, wordt de illusie van directe manipulatie in dit geval verbroken.

afbeelding met een gedraaide afbeelding met het draaipunt beperkt tot het meest linkse midden van de afbeelding in plaats van een van de twee eerste aanraakpunten.

 

Windows 10 ondersteunt drie soorten rotatie: vrij, beperkt en gecombineerd.

Typologie Description
Vrije rotatie

Met vrije rotatie kan een gebruiker inhoud overal in een boog van 360 graden vrij draaien. Wanneer de gebruiker het object vrijgeeft, blijft het object in de gekozen positie. Vrije rotatie is handig voor het tekenen en indelen van toepassingen zoals Microsoft PowerPoint, Word, Visio en Paint; En Adobe Photoshop, Illustrator en Flash.
Beperkte rotatie

Beperkte rotatie ondersteunt vrije rotatie tijdens de manipulatie, maar dwingt snap-punten af bij vrijgave op stappen van 90 graden (0, 90, 180 en 270). Wanneer de gebruiker het object vrijgeeft, wordt het object automatisch gedraaid naar het dichtstbijzijnde uitlijnpunt.

Beperkte rotatie is de meest voorkomende rotatiemethode en werkt op een vergelijkbare manier als het scrollen van inhoud. Met snap-punten kan een gebruiker onnauwkeurig zijn en toch hun doel bereiken. Beperkte rotatie is handig voor toepassingen zoals webbrowsers en fotoalbums.
Gecombineerde rotatie

Gecombineerde rotatie ondersteunt vrije rotatie met zones (vergelijkbaar met rails in Richtlijnen voor pannen) op elk van de 90 graden snappunten die worden afgedwongen door beperkte rotatie. Als de gebruiker het object buiten een van de 90 graden zones vrijgeeft, blijft het object in die positie; anders wordt het object automatisch naar een uitlijnpunt gedraaid.

Let op Een gebruikersinterfacerail is een functie waarbij een gebied rondom een doel de beweging naar een specifieke waarde of locatie beperkt om de selectie te beïnvloeden.
 

Samples

Archiefvoorbeelden

  • Last updated on