Udostępnij przez

Wskazówki dotyczące projektowania touchpad

Zaprojektuj aplikację, aby użytkownicy mogli z nią korzystać za pomocą tabletu dotykowego. Touchpad łączy zarówno pośrednie wejście wielodotykowe z precyzyjnym wejściem urządzenia wskazującego, na przykład myszą. Ta kombinacja sprawia, że touchpad nadaje się zarówno do interfejsu użytkownika zoptymalizowanego pod kątem dotyku, jak i mniejszych celów aplikacji zwiększających produktywność.

 

touchpad

Interakcje z touchpad wymagają trzech rzeczy:

  • Standardowy touchpad lub Windows Precision Touchpad.

    Precyzyjne panele dotykowe są zoptymalizowane pod kątem urządzeń z systemem Windows. Umożliwiają one systemowi obsługę niektórych aspektów środowiska touchpad natywnie, takich jak śledzenie palców i wykrywanie dłoni, w celu zapewnienia bardziej spójnego środowiska na różnych urządzeniach.

  • Bezpośredni kontakt jednego lub kilku palców z panelem dotykowym.

  • Ruch kontaktów dotykowych (lub ich brak w zależności od ustalonego progu czasu).

Dane wejściowe dostarczane przez czujnik touchpad mogą być następujące:

  • Interpretowany jako gest fizyczny do bezpośredniej manipulacji co najmniej jednym elementem interfejsu użytkownika (na przykład przesuwaniem, obracaniem, zmienianiem rozmiaru lub przenoszeniem). Natomiast interakcja z elementem za pośrednictwem okna właściwości lub innego okna dialogowego jest uznawana za pośrednią manipulację.
  • Rozpoznawana jako alternatywna metoda wprowadzania, taka jak mysz lub pióro.
  • Służy do uzupełniania lub modyfikowania aspektów innych metod wejściowych, takich jak rozmazywanie kreski atramentowej rysowanej piórem.

Touchpad łączy pośrednie wejście wielodotykowe z precyzyjnym wejściem urządzenia wskazującego, takiego jak mysz. Ta kombinacja sprawia, że touchpad nadaje się zarówno do interfejsu użytkownika zoptymalizowanego pod kątem dotyku, jak i do zwykle mniejszych celów aplikacji zwiększających produktywność i środowiska pulpitu. Zoptymalizuj projekt aplikacji systemu Windows pod kątem wprowadzania danych dotykowych i domyślnie uzyskaj obsługę touchpad.

Ze względu na zbieżność środowisk interakcji obsługiwanych przez touchpady zalecamy użycie zdarzenia PointerEntered w celu zapewnienia poleceń interfejsu użytkownika w stylu myszy oprócz wbudowanej obsługi danych wejściowych dotykowych. Na przykład użyj przycisków poprzedni i następny, aby umożliwić użytkownikom przerzucanie stron z zawartością, a także przesuwanie się po zawartości.

Gesty i wytyczne omówione w tym temacie mogą pomóc w zapewnieniu, że aplikacja bezproblemowo obsługuje wprowadzanie touchpad i przy minimalnym kodzie.

Język ustawień touchpada

Zwięzły zestaw interakcji z touchpadem jest używany spójnie w całym systemie. Zoptymalizuj aplikację pod kątem danych wejściowych za pomocą dotyku i myszy, a ten język sprawia, że aplikacja jest natychmiast znana użytkownikom, zwiększając ich pewność siebie i ułatwiając naukę i używanie aplikacji.

Użytkownicy mogą ustawić znacznie bardziej precyzyjne gesty touchpad i zachowania interakcji niż w przypadku standardowego touchpadu. Te dwa obrazy pokazują różne strony ustawień touchpadu z ustawienia > Urządzenia > Mysz i touchpad dla standardowego touchpadu i Precision Touchpad, odpowiednio.

Standardowe ustawienia touchpad

Ustawienia standardu\ touchpad\

ustawienia precyzyjnego touchpada w systemie Windows

Ustawienia Windows\ Precision\ Touchpad\

Oto kilka przykładów gestów zoptymalizowanych pod kątem touchpada do wykonywania typowych zadań.

Termin Description

Dotknięcie trzema palcami

Preferencje użytkownika do wyszukiwania za pomocą Cortany lub pokaż Centrum akcji.

Slajd z trzema palcami

Preferencje użytkownika dotyczące otwierania widoku zadań pulpitu wirtualnego, wyświetlania pulpitu lub przełączania się między otwartymi aplikacjami.

Naciśnięcie pojedynczego palca dla akcji podstawowej

Użyj jednego palca, aby nacisnąć element i wywołać jego akcję podstawową (na przykład uruchomienie aplikacji lub wykonanie polecenia).

Naciśnij dwoma palcami, aby kliknąć prawym przyciskiem myszy

Naciśnij dwa palce jednocześnie na elemecie, aby go zaznaczyć i wyświetlić kontekstowe polecenia.

Przesunięcie dwoma palcami, aby przesunąć obraz.

Slajd jest używany głównie do przesuwania interakcji, ale może być również używany do przenoszenia, rysowania lub pisania.

Ściśnij i rozsuń, aby powiększyć

Gesty ściskania i rozciągania palcami są często używane do zmiany rozmiaru i przybliżania semantycznego.

Naciśnij i przesuń jednym palcem, aby zmienić układ

Przeciągnij element.

Naciśnij i przesuń jednym palcem, aby zaznaczyć tekst

Naciśnij w obrębie tekstu i przesuń palcem, aby go zaznaczyć. Naciśnij dwukrotnie, aby wybrać wyraz.

Strefa kliknięcia lewa i prawa

Emuluj funkcjonalność lewego i prawego przycisku myszy.

 

Sprzęt

Wykonaj zapytanie dotyczące możliwości urządzenia myszy (MouseCapabilities), aby zidentyfikować aspekty interfejsu użytkownika aplikacji, do których sprzęt touchpad może uzyskać bezpośredni dostęp. Zalecamy udostępnianie interfejsu użytkownika zarówno do wprowadzania dotyku, jak i myszy.

Aby uzyskać więcej informacji na temat wykonywania zapytań dotyczących możliwości urządzenia, zobacz Identyfikowanie urządzeń wejściowych.

Opinie wizualne

  • Po wykryciu kursora touchpada (za pomocą zdarzeń przenoszenia lub najechania) pokaż elementy interfejsu użytkownika przeznaczone dla myszy, aby wskazać funkcje udostępniane przez element. Jeśli kursor touchpad nie przenosi się przez określony czas lub jeśli użytkownik inicjuje interakcję dotykową, interfejs użytkownika touchpad stopniowo zanika. Dzięki temu interfejs użytkownika jest czysty i niezagracony.
  • Nie używaj kursora do informacji zwrotnej na temat najechania kursorem, a informacja zwrotna dostarczona przez element jest wystarczająca (zobacz sekcję Kursory poniżej).
  • Nie wyświetlaj opinii wizualnej, jeśli element nie obsługuje interakcji (np. tekstu statycznego).
  • Nie używaj prostokątów zaznaczenia z interakcjami z touchpadem. Zarezerwuj je do interakcji z klawiaturą.
  • Wyświetlaj informację zwrotną jednocześnie dla wszystkich elementów reprezentujących ten sam element docelowy danych wejściowych.

Aby uzyskać bardziej ogólne wskazówki dotyczące opinii wizualnych, zobacz Wskazówki dotyczące opinii wizualnej.

Cursors

Zestaw standardowych kursorów jest dostępny dla wskaźnika touchpad. Służą one do wskazywania podstawowej akcji elementu.

Każdy standardowy kursor ma skojarzony odpowiedni obraz domyślny. Użytkownik lub aplikacja może w dowolnym momencie zastąpić domyślny obraz skojarzony z dowolnym standardowym kursorem. Aplikacje platformy UWP określają obraz kursora za pomocą funkcji PointerCursor .

Jeśli musisz dostosować kursor myszy:

  • Zawsze używaj kursora strzałki (kursora strzałki) dla elementów możliwych do kliknięcia. Nie używaj kursora wskazującego (wskazującego kursor) dla linków ani innych elementów interaktywnych. Zamiast tego użyj efektów hover (opisanych wcześniej).
  • Aby wybrać tekst, użyj kursora tekstowego.
  • Użyj kursora przenoszenia (kursora przenoszenia), gdy przesuwanie jest główną czynnością (taką jak przeciąganie lub przycinanie). Nie używaj kursora przenoszenia dla elementów, w których akcja podstawowa to nawigacja (na przykład kafelki Start).
  • Użyj kursorów zmiany rozmiaru poziomego, pionowego i ukośnego (kursor zmiany rozmiaru w pionie, kursor zmiany rozmiaru w poziomie, kursor zmiany rozmiaru po przekątnej (lewy dolny, prawy górny), kursor zmiany rozmiaru po przekątnej (lewy górny, prawy dolny)), gdy obiekt jest skalowalny.
  • Użyj kursora ręki (kursor ręki (otwarty), kursor ręki (zamknięty)) podczas przesuwania zawartości na stałym płótnie (na przykład mapy).

Samples

Archiwalne przykłady

  • Last updated on