Interacțiunea cu ecran tactil - uwp dezvoltator de aplicații, documente Microsoft

În acest articol,

Proiectarea aplicarea în vedere faptul că de intrare atingere va fi principala metoda de introducere pentru utilizatori. Dacă utilizați UWP controale pentru a susține panoul tactil, mouse-ul și stilou nu necesită programare suplimentară ca aplicații UWP oferă o astfel de asistență gratuit.

Cu toate acestea, ține cont de faptul că interfața cu utilizatorul este optimizat pentru intrare atingere, nu poate fi întotdeauna mai bine decât interfața tradițională. Ambele au avantajele și dezavantajele lor în tehnologie și aplicații. Revenind la atingere, în principal interfață, este important să se înțeleagă diferența de bază dintre intrările prin atingere (inclusiv un panou tactil) și intrare cu stylus-ul, mouse-ul și tastatura.

Multe unități sunt dotate cu ecrane multitouch, care susțin utilizarea unuia sau mai multor degete (sau contacte tactile) pentru introducerea de date. Atingeți contactele și mișcarea lor este interpretată ca gesturi tactile și manipulate pentru a sprijini diferite tipuri de interacțiune cu utilizatorul.

În Windows (UWP) platformă universală, există o serie de mecanisme diferite pentru manipulare de intrare atingere, care vă permite să creați metode moderne de interacțiune pe care utilizatorii pot folosi cu încredere. Aici ne uităm la elementele de bază ale utilizării de intrare rămâne în aplicațiile UWP.

Pentru tactil de interacțiune necesită 3 lucruri:

  • Afișaj cu ecran tactil.
  • Contactul direct (sau interacțiune strânsă, în cazul în care ecranul este prevăzut cu senzori de proximitate și sprijină detectarea de orientare) unuia sau mai multor degete pe ecran.
  • Mutarea punctelor de contact (sau lipsa acestuia - în funcție de valoarea timpului de prag).

Intrare, senzor de ieșire touch pot:

  • interpretat ca un gest fizic pentru a interacționa direct cu unul sau mai multe elemente de interfață cu utilizatorul (de exemplu, pentru a schimba, de rotație, schimbarea dimensiunii sau muta), în schimb, interacțiunea cu elementul prin fereastra de proprietăți, o casetă de dialog sau o altă opțiune a interfeței cu utilizatorul numită manipulare indirectă;
  • recunoscută ca o metodă de intrare alternative, cum ar fi un mouse sau stiloul;
  • fi folosite pentru a completa sau a modifica diferite aspecte ale altor metode de introducere, cum ar fi pete de accident vascular cerebral de stilou.

intrare Touch implică, în general, manipularea directă a unui element de pe ecran. Elementul răspunde imediat la orice contact atingere, ca parte a verificării sale și reacționează în consecință, la orice mișcare ulterioară a contactelor tactile, inclusiv de ștergere.

gesturi personalizate pentru intrare atingere și ar trebui dezvoltate cu mare grijă. Ele trebuie să fie intuitiv și detectabilă, au un răspuns rapid și să ofere utilizatorului cu încredere în timp ce lucrează cu aplicația.

Asigurați-vă că funcțiile aplicației sunt disponibile în mod constant în toate tipurile acceptate de dispozitive de intrare. Dacă este necesar, utilizați o anumită formă de moduri indirecte de intrare, cum ar fi de introducere a textului pentru interacțiunea cu tastatura sau interfața cu utilizatorul pentru mouse-ul și stiloul.

Rețineți că dispozitivele tradiționale de intrare (cum ar fi mouse-ul și tastatura), familiare și obișnuiți cu mai mulți utilizatori. Ele pot oferi viteza, precizia și feedback tactil pentru atingere imposibil de atins.

Furnizarea de proceduri unice și diverse de interacțiune pentru toate dispozitivele de intrare vor sprijini cea mai largă gamă de oportunități și opțiuni, astfel încât aplicațiile dvs. vor avea succes cu un public larg, atragerea mai multor clienti.

Comparați cerințele pentru interacțiunea cu ecranul tactil

Tabelul de mai jos prezintă unele dintre diferențele între dispozitivele de intrare, care ar trebui să fie luate în considerare atunci când dezvoltarea de aplicații UWP optimizate pentru intrare atingere.

Acesta oferă date pentru indicele tuturor evenimentelor.

Următorul exemplu arată modul de utilizare evenimente PointerPressed. PointerReleased PointerExited pentru prelucrare și interacțiune în forma de contact de pe obiectul dreptunghi.

În primul rând stabilit în XAML dreptunghi obiect numit touchRectangle.

specificate în continuare ascultători pentru evenimente PointerPressed. PointerReleased și PointerExited.

În cele din urmă, de tratare a evenimentelor PointerPressed crește parametrii de înălțime și lățime a obiectului dreptunghi. în timp ce gestionari PointerReleased evenimente PointerExited și a reveni parametri înălțime și lățime la valorile inițiale.

manipulare Evenimente

Utilizați manipularea evenimentelor, în cazul în care aplicația necesară pentru a sprijini interacțiunea cu câteva degete sau interacțiuni care necesită date de viteză.

Odată cu manipularea de evenimente poate detecta interacțiuni, cum ar fi drag and drop, zoom, și de retenție.

Aici este o listă de evenimente evenimente manipulare și argumente conexe.

Eveniment sau clasă

Acesta oferă date pentru evenimente ManipulationCompleted.

Gestul constă în manipularea unei serii de evenimente. Fiecare gest începe cu evenimente ManipulationStarted. de exemplu, atunci când utilizatorul atinge ecranul.

Apoi, executați una sau mai multe evenimente ManipulationDelta. De exemplu, dacă atingeți ecranul, și apoi țineți degetul pe ea. În cele din urmă, după terminarea reacției a cauzat eveniment ManipulationCompleted.

Notă. Dacă nu atingeți monitorul, puteți verifica codul de manipulare evenimente în simulator, utilizând interfața mouse-ul și roata de derulare.

Următorul exemplu arată cum se utilizează evenimente ManipulationDelta pentru interacțiuni de prelucrare pe un obiect dreptunghi formă de alunecare și mutați-l pe ecran.

În primul rând stabilit în XAML dreptunghi obiect numit touchRectangle. Lățime și înălțime proprietăți care au o valoare de 200.

Se creează apoi un parametru global numit TranslateTransform dragTranslation pentru a converti dreptunghi. ManipulationDelta ascultător eveniment este specificat în obiectul dreptunghi. și parametrul dragTranslation se adaugă la parametrul RenderTransform dreptunghi obiect.

În cele din urmă, în tratare a evenimentului ManipulationDelta localizarea obiectului dreptunghi este actualizat prin utilizarea proprietății TranslateTransform Delta.

eveniment rutate

recomandări

  • Dezvoltați aplicații având în vedere că interacțiunea atingere este o metodă de prioritate de intrare.
  • Furnizarea de feedback vizual pentru toate tipurile de interacțiune (tactil, stilou, stylus-ul, mouse-ul, și așa mai departe.).
  • Optimizați direcționarea prin stabilirea de obiective atinge dimensiunea, forma suprafeței de contact, care rulează și lulea.
  • Optimizarea precizie prin utilizarea punctelor de fixare și „șinele de ghidare“.
  • Aduna indicii și markeri pentru a îmbunătăți precizia atingere elementelor inghesuite ale interfeței cu utilizatorul.
  • Dacă este posibil, nu utilizați interacțiune dependent de timp (un exemplu de utilizare corectă - țineți apăsat).
  • Dacă este posibil, nu utilizați numărul de degete pentru a distinge manipulare.

Articole pe aceeași temă