Bagikan melalui

Zoom optik dan mengubah ukuran

  • Artikel

Artikel ini menjelaskan memperbesar dan mengubah ukuran elemen Windows dan memberikan panduan pengalaman pengguna untuk menggunakan mekanisme interaksi ini di aplikasi Anda.

API Penting: Windows.UI.Input, Input (XAML)

Zoom optik memungkinkan pengguna memperbesar tampilan konten mereka dalam area konten (dilakukan pada area konten itu sendiri), sedangkan mengubah ukuran memungkinkan pengguna mengubah ukuran relatif satu atau beberapa objek tanpa mengubah tampilan area konten (dilakukan pada objek dalam area konten).

Perbesar tampilan optik dan interaksi pengubahan ukuran dilakukan melalui gerakan mencubit dan meregangkan (jari bergerak lebih jauh memperbesar dan memindahkannya lebih dekat bersama-sama memperkecil), atau dengan menahan tombol Ctrl ke bawah saat menggulir roda gulir mouse, atau dengan menahan tombol Ctrl ke bawah (dengan tombol Shift, jika tidak ada keypad numerik yang tersedia) dan menekan tombol plus (+) atau minus (-).

Diagram berikut menunjukkan perbedaan antara mengubah ukuran dan pembesaran optik.

Zoom optik: Pengguna memilih area, lalu memperbesar ke seluruh area.

memindahkan jari lebih dekat bersama-sama memperbesar tampilan pada area konten dan memindahkannya terpisah memperkecil tampilan

Mengubah ukuran: Pengguna memilih objek dalam area, dan mengubah ukuran objek tersebut.

menggerakkan jari-jari lebih dekat bersama-sama menyusutkan objek dan menggerakkannya membesarkannya

Catatan Pembesaran optik tidak boleh dikacaukan dengan Zoom Semantik. Meskipun gerakan yang sama digunakan untuk kedua interaksi, zoom semantik mengacu pada presentasi dan navigasi konten yang diatur dalam satu tampilan (seperti struktur folder komputer, pustaka dokumen, atau album foto).

 

Lakukan dan jangan lakukan

Gunakan panduan berikut untuk aplikasi yang mendukung perubahan ukuran atau pembesaran tampilan optik:

  • Jika batasan atau batas ukuran maksimum dan minimum ditentukan, gunakan umpan balik visual untuk menunjukkan kapan pengguna mencapai atau melebihi batas-batas tersebut.

  • Gunakan titik snap untuk memengaruhi perilaku memperbesar dan mengubah ukuran dengan menyediakan titik logis untuk menghentikan manipulasi dan memastikan subset konten tertentu ditampilkan di viewport. Sediakan titik rekam jepret untuk tingkat perbesar tampilan umum atau tampilan logis untuk memudahkan pengguna memilih tingkat tersebut. Misalnya, aplikasi foto mungkin menyediakan titik rekam jepret pengubahan ukuran pada 100% atau, dalam kasus pemetaan aplikasi, titik rekam jepret mungkin berguna di tampilan kota, negara bagian, dan negara.

    Titik snap memungkinkan pengguna menjadi tidak tepat dan masih mencapai tujuan mereka. Jika Anda menggunakan XAML, lihat properti titik rekam jepret ScrollViewer.

    Ada dua jenis titik rekam jepret:

    • Kedekatan - Setelah kontak diangkat, titik jepret dipilih jika inertia berhenti dalam ambang jarak titik snap. Titik rekam jepret kedekatan masih memungkinkan perbesar tampilan atau pengubahan ukuran berakhir di antara titik rekam jepret.
    • Wajib - Titik rekam jepret yang dipilih adalah titik yang segera mendahului atau berhasil titik snap terakhir yang disilangkan sebelum kontak diangkat (tergantung pada arah dan kecepatan gerakan). Manipulasi harus berakhir pada titik rekam jepret wajib.

  • Gunakan fisika inertia. Manfaatnya meliputi:

    • Deselerasi: Terjadi saat pengguna berhenti mencubit atau meregangkan. Ini mirip dengan geser ke pemberhentian pada permukaan yang licin.
    • Pantulan: Sedikit efek bounce-back terjadi ketika batasan ukuran atau batasan diteruskan.

  • Kontrol ruang sesuai dengan Pedoman penargetan.

  • Menyediakan handel penskalaan untuk mengubah ukuran yang dibatasi. Isometrik, atau proporsional, mengubah ukuran adalah default jika handel tidak ditentukan.

  • Jangan gunakan zooming untuk menavigasi UI atau mengekspos kontrol tambahan dalam aplikasi Anda, gunakan wilayah panning sebagai gantinya. Untuk informasi selengkapnya tentang panning, lihat Panduan untuk panning.

  • Jangan letakkan objek yang dapat diubah ukurannya dalam area konten yang dapat diubah ukurannya. Pengecualian untuk ini meliputi:

    • Menggambar aplikasi di mana item yang dapat diubah besar dapat muncul di kanvas atau papan seni yang dapat diubah besar.
    • Halaman web dengan objek yang disematkan seperti peta.

    Catatan Dalam semua kasus, area konten diubah ukurannya kecuali semua titik sentuh berada dalam objek yang dapat diubah ukurannya.

Sampel

Sampel arsip