Bagikan melalui

Rotasi

  • Artikel

Artikel ini menjelaskan UI Windows baru untuk rotasi dan memberikan panduan pengalaman pengguna yang harus dipertimbangkan saat menggunakan mekanisme interaksi baru ini di aplikasi Windows Anda.

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

Lakukan dan jangan lakukan

  • Gunakan rotasi untuk membantu pengguna memutar elemen UI secara langsung.

Panduan penggunaan tambahan

Gambaran umum rotasi

Rotasi adalah teknik sentuhan yang dioptimalkan yang digunakan oleh aplikasi Windows untuk memungkinkan pengguna mengubah objek ke arah melingkar (searah jarang atau berlawanan arah jajar).

Bergantung pada perangkat input, interaksi rotasi dilakukan menggunakan:

  • Mouse atau pena/stylus aktif untuk memindahkan gripper rotasi objek yang dipilih.
  • Sentuh atau pena pasif/stylus untuk mengubah objek ke arah yang diinginkan menggunakan gerakan putar.

Kapan menggunakan rotasi

Gunakan rotasi untuk membantu pengguna memutar elemen UI secara langsung. Diagram berikut menunjukkan beberapa posisi jari yang didukung untuk interaksi rotasi.

diagram yang menunjukkan berbagai postur jari yang didukung oleh rotasi.

Catatan Secara intuitif, dan dalam kebanyakan kasus, titik rotasi adalah salah satu dari dua titik sentuh kecuali pengguna dapat menentukan titik rotasi yang tidak terkait dengan titik kontak (misalnya, dalam aplikasi gambar atau tata letak). Gambar berikut menunjukkan bagaimana pengalaman pengguna dapat diturunkan jika titik rotasi tidak dibatasi dengan cara ini.

Gambar pertama ini menunjukkan titik sentuh awal (jempol) dan sekunder (jari telunjuk): jari telunjuk menyentuh pohon dan ibu jari menyentuh log.

gambar yang menunjukkan dua titik sentuh awal untuk gerakan rotasi. Pada gambar kedua ini, rotasi dilakukan di sekitar titik sentuh awal (jempol). Setelah rotasi, jari telunjuk masih menyentuh batang pohon dan ibu jari masih menyentuh log (titik rotasi).

gambar memperlihatkan gambar yang diputar dengan titik rotasi yang dibatasi ke salah satu dari dua titik sentuh awal. Dalam gambar ketiga ini, pusat rotasi telah ditentukan oleh aplikasi (atau diatur oleh pengguna) untuk menjadi titik tengah gambar. Setelah rotasi, karena gambar tidak berputar di sekitar salah satu jari, ilusi manipulasi langsung rusak (kecuali pengguna telah memilih pengaturan ini).

gambar memperlihatkan gambar yang diputar dengan titik rotasi yang dibatasi ke tengah gambar daripada salah satu dari dua titik sentuh awal. Dalam gambar terakhir ini, pusat rotasi telah ditentukan oleh aplikasi (atau diatur oleh pengguna) menjadi titik di tengah tepi kiri gambar. Sekali lagi, kecuali pengguna telah memilih pengaturan ini, ilusi manipulasi langsung rusak dalam kasus ini.

gambar memperlihatkan gambar yang diputar dengan titik rotasi yang dibatasi ke tengah paling kiri gambar daripada salah satu dari dua titik sentuh awal.

 

Windows 10 mendukung tiga jenis rotasi: gratis, dibatasi, dan digabungkan.

Tipe Deskripsi
Rotasi gratis

Rotasi gratis memungkinkan pengguna untuk memutar konten dengan bebas di mana saja dalam busur 360 derajat. Saat pengguna merilis objek, objek tetap berada di posisi yang dipilih. Rotasi gratis berguna untuk aplikasi gambar dan tata letak seperti Microsoft PowerPoint, Word, Visio, dan Paint; dan Adobe Photoshop, Illustrator, dan Flash.
Rotasi yang dibatasi

Rotasi yang dibatasi mendukung rotasi bebas selama manipulasi tetapi memberlakukan titik snap pada kenaikan 90 derajat (0, 90, 180, dan 270) setelah rilis. Saat pengguna merilis objek, objek secara otomatis berputar ke titik snap terdekat.

Rotasi yang dibatasi adalah metode rotasi yang paling umum, dan berfungsi dengan cara yang sama untuk menggulir konten. Snap point memungkinkan pengguna menjadi tidak tepat dan masih mencapai tujuan mereka. Rotasi yang dibatasi berguna untuk aplikasi seperti browser web dan album foto.
Rotasi gabungan

Rotasi gabungan mendukung rotasi gratis dengan zona (mirip dengan rel dalam Panduan untuk panning) pada masing-masing titik snap 90 derajat yang diberlakukan oleh rotasi yang dibatasi. Jika pengguna merilis objek di luar salah satu dari zona 90 derajat, objek tetap berada di posisi tersebut; jika tidak, objek secara otomatis berputar ke titik snap.

Catatan Rel antarmuka pengguna adalah fitur di mana area di sekitar target membatasi pergerakan terhadap beberapa nilai atau lokasi tertentu untuk memengaruhi pilihannya.
 

Sampel

Sampel arsip