Udostępnij przez


Interakcje myszy

Zoptymalizuj projekt aplikacji systemu Windows pod kątem wprowadzania danych dotykowych i domyślnie uzyskaj podstawową obsługę myszy. 

mysz

Wejście myszy najlepiej nadaje się do interakcji z użytkownikiem, które wymagają precyzji podczas wskazywania i klikania. Ta nieodłączna precyzja jest naturalnie obsługiwana przez interfejs użytkownika systemu Windows, który jest zoptymalizowany pod kątem nieprecyzyjnego charakteru dotyku.

Różnica między danymi wejściowymi myszy i dotyku polega na tym, że dotyk może bliżej naśladować bezpośrednią manipulację elementami interfejsu użytkownika poprzez wykonywanie gestów fizycznych bezpośrednio na tych obiektach (takich jak przesuwanie, ślizganie, przeciąganie, obracanie itd.). Manipulacje myszą zwykle wymagają innej dostępności interfejsu użytkownika, takiej jak użycie uchwytów do zmiany rozmiaru lub rotacji obiektu.

W tym temacie opisano zagadnienia dotyczące projektowania interakcji z myszą.

Język myszy aplikacji platformy UWP

Zwięzły zestaw interakcji myszy jest używany spójnie w całym systemie.

Termin Description

Zatrzymaj wskaźnik myszy, aby dowiedzieć się

Najedź kursorem na element, aby wyświetlić bardziej szczegółowe informacje lub materiały dydaktyczne (takie jak podpowiedź) bez konieczności podejmowania działania.

Kliknij lewym przyciskiem myszy, aby uzyskać akcję podstawową

Kliknij lewym przyciskiem myszy element, aby wywołać jego akcję podstawową (na przykład uruchomienie aplikacji lub wykonanie polecenia).

Przewiń, aby zmienić widok

Umożliwia wyświetlanie pasków przewijania w górę, w dół, w lewo i w prawo w obszarze zawartości. Użytkownicy mogą przewijać, klikając paski przewijania lub obracając koło myszy. Paski przewijania mogą wskazywać lokalizację bieżącego widoku w obszarze zawartości (przesuwanie za pomocą dotyku wyświetla podobny interfejs użytkownika).

Kliknij prawym przyciskiem myszy, aby wybrać i wykonać polecenie.

Kliknij prawym przyciskiem myszy, aby wyświetlić pasek nawigacyjny (jeśli jest dostępny) i pasek aplikacji za pomocą poleceń globalnych. Kliknij prawym przyciskiem myszy element, aby go zaznaczyć i wyświetlić pasek aplikacji z kontekstowymi poleceniami dla wybranego elementu.

Uwaga Kliknij prawym przyciskiem myszy, aby wyświetlić menu kontekstowe, jeżeli polecenia wyboru i pasek aplikacji nie są odpowiednimi zachowaniami w interfejsie użytkownika. Zdecydowanie zalecamy jednak używanie paska aplikacji we wszystkich działaniach związanych z poleceniami.
 

Polecenia interfejsu użytkownika służące do powiększania

Wyświetl polecenia interfejsu użytkownika na pasku aplikacji (na przykład + i -) lub naciśnij Ctrl i obróć koło myszy, aby emulować gesty szczypta i rozciągnięcia w celu powiększenia.

Polecenia interfejsu użytkownika do rotacji

Wyświetl polecenia interfejsu użytkownika na pasku aplikacji lub naciśnij Ctrl+Shift i obróć koło myszy, aby emulować gest obrotu. Obracanie samego urządzenia w celu obrócenia całego ekranu.

Kliknij prawym przyciskiem myszy i przeciągnij, aby zmienić kolejność

Kliknij prawym przyciskiem myszy i przeciągnij element, aby go przenieść.

Kliknij prawym przyciskiem myszy i przeciągnij, aby zaznaczyć tekst

Kliknij lewym przyciskiem myszy w zaznaczonym tekście i przeciągnij, aby go zaznaczyć. Kliknij dwukrotnie, aby wybrać wyraz.

Zdarzenia wprowadzania myszy

Większość danych wejściowych myszy można obsłużyć za pomocą typowych zdarzeń wejściowych kierowanych obsługiwanych przez wszystkie obiekty UIElement . Są to:

Można jednak skorzystać z określonych możliwości poszczególnych urządzeń (takich jak zdarzenia kółka myszy) przy użyciu wskaźników, gestów i zdarzeń manipulowania w systemie Windows.UI.Input.

Przykłady: Zobacz nasz przykład BasicInput.

Wskazówki dotyczące informacji zwrotnej wizualnej

  • Gdy zostanie wykryta mysz (za pomocą zdarzeń ruchu lub najechania), pokaż interfejs użytkownika specyficzny dla myszy, aby wskazać funkcje ujawnione przez element. Jeśli mysz nie porusza się przez określony czas lub jeśli użytkownik inicjuje interakcję dotykową, należy sprawić, aby interfejs myszy stopniowo zanikał. Dzięki temu interfejs użytkownika jest czysty i niezagracony.
  • Nie używaj kursora do uzyskiwania informacji zwrotnej przy najechaniu, ponieważ informacja dostarczana przez element jest wystarczająca (zobacz Kursory poniżej).
  • Nie wyświetlaj opinii wizualnej, jeśli element nie obsługuje interakcji (np. tekstu statycznego).
  • Nie używaj prostokątów fokusu z interakcjami myszy. 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.
  • Udostępniaj przyciski (takie jak + i -) do emulowania manipulacji opartych na dotyku, takich jak przesuwanie, obracanie, powiększanie itd.

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 myszy. 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. Określ 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