Velika većina modernih Mobilni uredaji imati ekran na dodir, pomoću kojeg možete kontrolirati gadget. Oni. Umjesto pritiskanja mehaničkih gumba, korisnik svojim pametnim telefonom ili tabletom upravlja gestama i dodirima na ekranu. Za početnika u operativnom sustavu Android, koji pokreće veliki broj mobilnih uređaja sa zaslonom osjetljivim na dodir, u početku će ovaj način interakcije s njegovim gadgetom biti neobičan. Međutim, svladavanje gesta događa se gotovo odmah i ne uzrokuje nikakve poteškoće u budućnosti.

Za što se koriste geste android kontrole pametni telefon/tablet Dodirnite ili dodirnite

Dodir ima drugo ime - tap. Ovo je najčešća radnja koja se koristi u upravljanju dodirom. Dodirom možete omogućiti bilo koju funkciju, pokrenuti programe, odabrati stavke izbornika, aktivirati parametar itd. Dodirivanje je poput klikanja mišem na računalu. Ako u vezi s računalom kažu "kliknite mišem", tada u Androidu možete čuti "dodirnite ili dvaput dodirnite".

Izvođenje ove radnje, kao što ste pogodili, vrlo je jednostavno. Vrhom prsta morate dodirnuti pravo mjesto na ekranu. Na primjer, za pokretanje aplikacije samo dodirnite njezinu ikonu. Ako trebate unijeti tekst, samo dodirnite u polju za unos kako bi se pojavilo, gdje možete upisati tekst dodirivanjem znakova.

Dvaput dodirnite ili dvostruki dodir

Ovdje opet postoji analogija s dvostrukim klikom miša na računalu. Istina, za razliku od računala, gdje dvostruki klik pokreće program, u Android uređajima dvostrukim dodirom se omogućavaju i onemogućuju predviđene funkcije u programima i mijenja razmjer. Na primjer, da biste povećali stranicu web stranice dok je pregledavate u pregledniku, dvaput brzo dodirnite zaslon. Da biste se vratili na prethodnu ljestvicu, trebate ponovno dvaput dodirnuti.

Dodirnite i držite ili dugo dodirnite

Dodir i držanje ili dugi dodir svojevrsni je analog desnom tipkom miša, gdje se ova radnja koristi za pozivanje kontekstnog izbornika s odabirom opcija. Dugi dodir također otvara dodatne radnje u slučajevima kada ih pruža aplikacija ili sam operativni sustav Android.

Da biste izvršili dodir i držanje, trebate dodirnuti zaslon gdje želite i držati prst neko vrijeme. Kao rezultat, pojavit će se izbornik s izborom radnji koje nudi aplikacija ili operativni sustav.

Prijeđite prstom, povucite ili prijeđite prstom

Okretanje ili povlačenje koristi se za okretanje stranica, pomicanje po radnim površinama na ekranu, kretanje kroz popise, izbornike itd. Klizanje može biti vodoravno ili okomito. Za okretanje stranica kada to zahtijeva program ili operativni sustav Android sustav, tada morate dodirnuti zaslon prstom i, ne puštajući ga, pomaknuti ga u željenom smjeru predviđenom okolnostima (slijeva na desno, s desna na lijevo, odozdo prema gore, odozgo prema dolje ili dijagonalno ).

Dodirnite s pokretom

Dodir i pomicanje u Android OS-u analogni su povlačenju objekta mišem dok držite pritisnutu lijevu tipku. Baš kao u računalima operativni sustavi, u uređajima osjetljivim na dodir s mobilnim OS-om, povlačenje vam omogućuje premještanje objekata (mapa, datoteka, ikona itd.) s jednog mjesta na drugo.

Za izvođenje ove radnje dodirnite željeni objekt na zaslonu i ne puštajte prst. Kada je objekt označen, možete ga povući na željeno mjesto.

Stisnite prste/raširite ili zumirajte

Također možete čuti naziv ove akcije kao štipanje. Stvarno podsjeća na štipanje prsta, jer... Da biste to učinili, trebate dodirnuti zaslon gadgeta s dva prsta i, ne puštajući ih, spojiti ih ili razdvojiti. Kao rezultat ovih radnji, promijenit će se razmjer slike na zaslonu, ako to aplikacija omogućuje.

Sve geste u Androidu su intuitivne i nisu komplicirane. Nakon malo treninga, pouzdano ćete kontrolirati svoj pametni telefon ili tablet bez razmišljanja o svojim radnjama.

Izraz gesta je način kombiniranja pokreta prstiju na zaslonu kako bi se pokrenula neka radnja; U ovom slučaju se koristi pokret prsta umjesto samo dodirivanja ili klikanja. Potpuni dodir ili miš - funkcija hvatanja pokreta - potreban je kako bi se osiguralo da su geste registrirane i apsolutno ispravne. Danas dobra podrška Ova je značajka dostupna samo u preglednicima Safari i Android.

Ako korisnik treba koristiti geste u vašoj web aplikaciji, važno ga je naučiti ispravnim radnjama - pomoću pomoći, animiranih primjera ili neke druge vrste savjeta (Slika 8.5).

Riža. 8.5. Google Fast Flip novi je preglednik koji koristi geste na iPhoneu i Android uređaji. S lijeve strane vidjet ćete dijaloški okvir upozorenja s uputama o tome kako ga koristiti. Upute ćete vidjeti samo jednom.

Pokret prstom

Pokret prstom (poznat i kao okretanje) je tehnologija za preglednike na dodir, koja se obično koristi za pomicanje sadržaja naprijed-natrag. Ova se gesta koristi, primjerice, u mnogim fotogalerijama za promjenu slike prikazane na ekranu iu prezentacijama za listanje slajdova. Suština geste je jednostavno pomicanje vašeg prsta duž osi X slijeva nadesno (horizontalni prelazak) ili duž osi Y odozgo prema dolje (vertikalni prelazak). Geste prelaska prstom podržane su u gotovo svim uređajima na dodir jer se izvode jednim prstom.

Ne postoji poseban standardni događaj za presretanje radnje prelaska prstom, pa ćemo ga emulirati pomoću postojećih standardnih događaja

Na uređajima pete generacije Symbian, ako koristite prst umjesto pokazivača, događaji miša dolje, pomicanje i gore daju prilično čudne rezultate. Događaj se generira samo jednom tijekom radnje povlačenja prstom, a događaj se uopće ne pokreće ako se prst pomakne s početnih koordinata miša prema dolje. Stoga su u nekim situacijama potrebni različiti pristupi za otkrivanje prijelaza.

Redoslijed:

Presretnite događaj (ili ontouchstart na iPhoneu i drugim kompatibilnim preglednicima) i počnite snimati gestu.

Presretanje (ili ontouchmove na iPhoneu i preglednicima s potrebnom podrškom) i nastavak snimanja geste ako se kretanje X (ili Y) dogodi unutar određenog praga. Poništava gestu ako se pomak dogodi duž druge osi.

Presretnite onmouseup (ili ontouchend u iPhoneu i preglednicima s potrebnom podrškom) i, ako je u tom trenutku gesta bila u tijeku (bila je aktivna) i razlika između koordinata izvora i odredišta je veća od određene konstante, definirajte prelazak u jednom smjeru .

Posljednja točka može se zamijeniti provjerom geste u hodu unutar događaja onmousemove.

Ako koristite jQuery u svom radu, možete ga koristiti za otkrivanje vodoravne geste prijelaza na iPhone uređajima besplatni dodatak odavde http://plugins.jquery.com/project/swipe.

Sa sljedećim kodom možemo stvoriti objektno orijentiranu biblioteku za otkrivanje prevlačenja (kompatibilno s iPhone, Android i drugim uređajima):

/** Stvara rukovatelj događajem geste prelaska */ function MobiSwipe(id) ( // Konstante this.HORIZONTAL = 1; this.VERTICAL = 2; this.AXIS_THRESHOLD = 30; // Korisnik neće definirati savršenu liniju this. GESTURE_DELTA = 60; // Min. delta u osi za pokretanje geste // Javni članovi this.direction = this.HORIZONTAL; this.element = document.getElementById(id); this.onswiperight = null; this.onswipeleft = null ; this.onswipeup = null; this.onswipedown = null; this.inGesture = false; // Privatni članovi this._originalX = 0 this._originalY = 0 var _this = this; // Čini element klikabilnim na iPhoneu this.element. onclick = function() (void(0)); var mousedown = function(event) ( // Pritisak prstom event.preventDefault(); _this.inGesture = true; _this._originalX = (event.touches) ? event.touches. pageX: event.pageX; _this._originalY = (event.touches) ? event.touches.pageY: event.pageY; // Samo za iPhone if (event.touches && event.touches.length!=1) ( _this.inGesture = false; // Otkaži gestu višestrukim dodirom ) ); var mousemove = function(event) ( // Pomicanje prsta event.preventDefault(); var delta = 0; // Dobivanje koordinata pomoću iPhonea ili standardne tehnike var currentX = (event.touches) ? event.touches.pageX: event.pageX ; var currentY = (event.touches) ? event.touches.pageY: event.pageY; // Provjerite je li korisnik još uvijek u liniji s osi if (_this.inGesture) ( if ((_this.direction==_this. HORIZONTALNO)) ( delta = Math.abs(currentY-_this._originalY); ) else ( delta = Math.abs(currentX-_this._originalX); ) if (delta >_this.AXIS_THRESHOLD) ( // Otkaži gestu, korisnik se kreće u drugoj osi _this.inGesture = false; ) ) // Provjerite možemo li to smatrati prevlačenjem if (_this.inGesture) ( if (_this.direction==_this.HORIZONTAL) ( delta = Math.abs( currentX-_this._originalX); if (currentX>_this._originalX) ( smjer = 0; ) else ( smjer = 1; ) ) else ( delta = Math.abs(currentY-_this._originalY); if (currentY>_this. _originalY) ( smjer = 2; ) else ( smjer = 3; ) ) if (delta >= _this.GESTURE_DELTA) ( // Gesta otkrivena! rukovatelj var = null; switch(direction) ( slučaj 0: rukovatelj = _this.onswiperight; break; slučaj 1: handler = _this.onswipeleft; break; case 2: handler = _this.onswipedown; break; slučaj 3: handler = _this.onswipeup; break; ) if (handler!=null) ( // Poziv na povratni poziv s opcijskim delta handler(delta); ) _this.inGesture = false; ) ) ); // iPhone i Android događaji this.element.addEventListener("touchstart", mousedown, false); this.element.addEventListener("touchmove", mousemove, false); this.element.addEventListener("touchcancel", function( ) ( _this.inGesture = false; ), false); // Također bismo trebali dodijeliti naše funkcije mousedown i mousemove // ​​standardnim događajima na kompatibilnim uređajima )

Evo jednostavnog primjera korištenja naše biblioteke swipe.js s jednom s vodoravnom detekcijom prijelaza i drugom s okomitom detekcijom:

Detekcija geste prijelaza window.onload = function() ( var swipev = new MobiSwipe("vertical"); swipev.direction = swipev.VERTICAL; swipev.onswipedown = function() ( alert("down"); ); swipev.onswipeup = function() ( alert("gore"); var swipeh = new MobiSwipe("horizontal"); swipeh.direction = swipeh.HORIZONTAL; swipeh.onswiperright = function() ( alert("desno"); ); swipeh. onswipeleft = function() ( alert("left"); ) Vertikalno prevlačenje Horizontalno prevlačenje

Mnogi dodirni uređaji koriste gestu povlačenja za pomicanje sadržaja stranice i ne podržavaju preventDefault (razgovarali smo o sprječavanju zadanog ponašanja ranije u ovom poglavlju). Zato moramo razmotriti i druge dostupne navigacijske metode uz gestu prelaska prstom.

Pokreti zumiranja i rotiranja

Kad se iPhone prvi put pojavio, najbolje značajke koje je imao bile su zumiranje i rotiranje. Korištenjem geste štipanja (pomicanje dva prsta unutra i van u štipanju), korisnik je mogao povećati ili smanjiti sadržaj - obično sliku - na stranici, a rotiranjem dva prsta u krug, slika se može rotirati.

U uređajima koji ne podržavaju višestruki dodir, funkcije zumiranja moraju se implementirati pomoću uobičajenih plutajućih gumba i klizača.

Srećom, počevši od iOS-a 2.0, ove se geste mogu detektirati bez pribjegavanja matematici niske razine u događajima dodira. Tablica 8.35 navodi tri WebKit proširenja koja su dostupna kao događaji. U Android preglednik dodana je i podrška za ove događaje.

Isti se događaji koriste za skaliranje i rotaciju. Sva tri primaju parametar GestureEvent. Ovaj parametar ima tipična svojstva događaja, kao i dodatna svojstva skala i rotacija.

Svojstvo razmjera definira udaljenost između dva prsta kao množitelj s pomičnim zarezom ishodišta udaljenosti gdje je pokret započeo. Ako je vrijednost veća od 1,0, tada se radi o otvorenom štipanju (povećanju), a ako je vrijednost 1,0, tada se radi o zatvorenom štipanju (smanjenju).

rotacija daje vrijednost (u stupnjevima) rotacijske delte (udaljenosti) od početne točke. Ako korisnik rotira objekt u smjeru kazaljke na satu, tada dobivamo pozitivnu vrijednost, a ako u suprotnom smjeru, vrijednost će biti negativna.

Znam što mislite: "Rotiranje i zumiranje su odlični, ali od kakve su nam koristi ako radimo s HTML-om?" Ovdje dolazimo CSS pomoć proširenja za Safari na iOS-u (i drugim preglednicima s odgovarajućom podrškom) s jednim svojstvom i dvije funkcije za kontrolu njegove vrijednosti: rotiranje i skaliranje.

Funkcija rotacije uzima parametar u stupnjevima i trebamo definirati jedinicu deg nakon broja (na primjer, rotate(90deg)). To možemo saznati iz skripte koristeći element.style.webkitTransform.

Pogledajmo jednostavan primjer:

Gesture Management funkcija gesture(event) ( // Vrijednosti zaokružujemo s dvije decimale event.target.innerHTML = "Rotation: " + Math.round(event.rotation*100)/100 + " Scale: " + Math.round (event .scale*100)/100; // Primjenjujemo transformacijske funkcije na element event.target.style.webkitTransform = "rotate(" + event.rotation%360 + "deg)" + " scale(" + event .scale + ")"; )

Možete vidjeti kako primjer radi na slici 8-6. Na kompatibilnim uređajima možete koristiti dva prsta za rotiranje i zumiranje (zajedno sa svim sadržajem). Ali u čemu je problem? Stil transformacije uvijek se primjenjuje na izvorni element. Dakle, ako na element primijenimo ljestvicu 2.0, a zatim je ponovno povećamo za 0.5, nova vrijednost će biti 0.5, a ne 1.0, kako bi se moglo očekivati.

Riža. 8.6. Kombiniranjem dodirnih događaja s CSS transformacijama možete rotirati i skalirati elemente na svojoj web stranici.

Za tipično ponašanje zumiranja i rotacije trebali bismo zamijeniti funkciju sa sljedećim:

var rotacija = 0; promjenljiva ljestvica = 1; funkcija gesta(event) ( event.target.innerHTML = "Rotacija: " + Math.round((event.rotation+rotation)*100)/100 + " Scale: " + Math.round((event.scale*scale) *100)/100; event.target.style.webkitTransform = "rotate(" + (event.rotation+rotation)%360 + "deg)" + " scale(" + event.scale*scale + ")"; ) funkcija gestureend(event) ( rotacija = događaj.rotacija+rotacija; skala = događaj.skala*skala; )

Sve dolje navedene značajke testirane su na Androidu 9.0 Pie. U drugim verzijama OS-a ili školjkama trećih strana, neke geste mogu raditi drugačije ili uopće ne rade.

1. Dvaput povucite prema dolje od ruba zaslona - potpuno proširenje ploče s postavkama

Standardno povlačenje prstom od vrha zaslona prema dolje prikazuje samo obavijesti. Da izvučete cijelu gornju ploču kako biste joj pristupili brze postavke sustavu, trebate napraviti još jedan potez. Ali ove dvije geste možete zamijeniti jednom - potpuno istom, ali izvedenom s dva prsta. Ovaj dvostruki potez izvlači cijelu ploču.

2. Dugi pritisak na obavijest - brzi pristup postavkama programa

Ako jedan od programa počne stalno slati obavijesti, postoji jaka želja da se njihov broj smanji ili jednostavno isključi. Da biste to učinili, morate otvoriti aplikaciju i zadubiti se u nju u potrazi za potrebne postavke. Ali možete samo dodirnuti obavijest i držati prst nekoliko sekundi - pojavit će se gumb za brz pristup na tražene postavke.

3. Vodoravno prevucite duž adresna traka- listanje kartica u Chromeu

Za prebacivanje između Chrome kartice, prvo morate kliknuti na broj s brojem kartica, a zatim odabrati željeni. Ali postoji alternativni način, s kojim je zgodno prelaziti na susjedne kartice. Sve što trebate učiniti je povući udesno ili ulijevo, klizeći prstom preko adresne trake.

4. Dugo pritisnite gumb za isključivanje - idite na siguran način

Ako uređaj počne usporavati, a ponovno pokretanje ne pomaže, prikladno je testirati njegov rad u sigurnom načinu rada. U ovom stanju uređaj nije pogođen programi trećih strana, pa je probleme koje uzrokuju lakše riješiti. Za ulazak u Safe Mode, držite tipku za uključivanje/isključivanje dok se na zaslonu ne pojavi gumb za isključivanje. Zatim držite dodir na njemu - nakon sekunde vidjet ćete prijedlog za prebacivanje u sigurni način rada.

5. Stisnite prste i dugo pritisnite u Google Photos - praktično upravljanje fotografijama

Geste uvelike pojednostavljuju korištenje pametnog telefona. Na primjer, možete brzo promijeniti format prikaza slike jednim prstom, čak i bez odlaska na dodatni izbornik. Samo stisnite i raširite dva prsta preko popisa fotografija, a aplikacija će promijeniti prikaz: normalan, po danu, po mjesecu, po godini.

Osim toga, možete brzo odabrati više slika. Da biste to učinili, držite dodir na jednoj od željenih slika i, bez podizanja prsta sa zaslona, ​​pomičite je preko ostalih.

6. Dvostruki dodir na karti i okomito prevlačenje - promjena mjerila u Google kartama

Zumiranje karte tradicionalnom gestom štipanja nije baš zgodno dok ste u pokretu kada držite pametni telefon jednom rukom. Programeri su uzeli u obzir ovu nijansu i dodali alternativnu metodu. Za promjenu veličine karte jednim prstom, brzo je dvaput dodirnite i, bez podizanja prsta, povucite gore ili dolje. Ljestvica će se promijeniti.

7. Trostruki dodir i povlačenje - zumirajte sučelje i slike

Ako želite brzo pogledati mali fragment fotografije ili pročitati sitan font na web stranici gdje standardno zumiranje ne radi, možete koristiti skrivenu gestu. Da biste to učinili, morate tri puta dodirnuti zaslon i, bez podizanja prsta, prijeći u različitim smjerovima. Ali metoda će funkcionirati ako prvo aktivirate opciju "Pokreti za zumiranje" u odjeljku "Pristupačnost" u postavkama pametnog telefona.

8. Horizontalni prelasci duž razmaknice - kontrola kursora na Google tipkovnici

Kada se u tipkani tekst uvuče pogreška pri upisu, morate staviti prst na pravo mjesto između malih slova kako biste je ispravili. Ovo, blago rečeno, nije baš jednostavno. Srećom, kursorom možete upravljati na mnogo praktičniji način. Jednostavno prijeđite prstom preko razmaknice i kursor će se pomicati duž teksta.

Možda znate druge ne posve očite geste? Podijelite u komentarima!

Nije tajna da držanje tipke Home ili povlačenje s nje na početnom zaslonu uzrokuje Android usluga personalizirane Google Now prijedloge. Međutim, neće svima biti od koristi. A oni koji cijene Googleove napore da služi korisniku najčešće već imaju Google Now na raspolaganju na krajnjem lijevom ekranu zahvaljujući čisti Android ili pokretač Google Start. Zapravo, ovo vrlo praktičnu značajku čini beskorisnom. No, kao i uvijek, u pomoć dolaze programeri trećih strana i njihova aplikacija Swipeup Utility!

Naravno, iskusni korisnici će odmah primijetiti da takve aplikacije u Google Play vjerojatno više od desetak. Međutim, Swipe Up Utility zapravo može imati nekoliko prednosti.

Prvo, nemojmo zaboraviti da je Android odavno napustio verziju 2.0 i više ne tjera korisnike na suze. Naprotiv, s pojavom Lollipopa i širenjem kanona među programerima, Googleov mobilni OS postao je pravo utočište za estete sučelja. Swipeup Utility, unatoč činjenici da je njegovo sučelje u osnovi dizajnirano za jednokratno postavljanje aplikacije, dizajniran je sasvim u duhu vremena. Naravno, nema lebdećeg gumba ili povlačne zavjese s fascinantnom animacijom strelica, ali oni ovdje nisu od koristi. Ali ima lijepu ikonu i ikone za predložene funkcije.

Kad smo već kod funkcija. Swipeup Utility može se pohvaliti ne samo izborom koja će se aplikacija pokrenuti nakon povlačenja prema gore (ili držanja gumba), već nudi i nekoliko alternativa sustavu. Neke od njih su besplatne, dok druge zahtijevaju kupnju plaćene verzije aplikacije. Međutim, 51,74 rubalja je prilično pristupačna cijena. Konkretno, jedna od najzanimljivijih opcija postavki je pozivanje zavjese za obavijesti. Mislim da ovo rješenje može spasiti mnoge pametne telefone od spektakularnog zaslona s paukovom mrežom pukotina.

Između ostalog, aplikacija će disciplinirano brojati koliko vas je puta spasila pozivanja Google Nowa. Tko zna koja statistika može biti korisna u životu.

Aplikacija: Swipeup Utility Razvojni programer: Adrian Campos Kategorija: Alati Verzija: 1.9.3 Cijena: Besplatno preuzimanje:

Recimo da ste postali vlasnik potpuno novog pametnog telefona. Pred vama je uzbudljivo "putovanje" kroz dijelove jelovnika u kojem možete pronaći puno zanimljivih stvari. Osim toga, korisnike zanimaju i pojmovi koji su na neki način povezani s uređajima osjetljivim na dodir. Na primjer, što je prelazak prstom? Ne znaju svi, ali u međuvremenu se s tim susreću gotovo svakodnevno, ako ne i svakog sata.

Swype (od engleskog swipe - povucite bez podizanja + type - upišite tekst) je zaštitni znak koji koristi Swype Inc. za označavanje metode unosa teksta na način da prst držite na tipkovnici. Vjeruje se da u ovom slučaju korisnik može tipkati više riječi u istoj količini vremena u usporedbi s tipkovnicom koja ne koristi navedeni način unosa teksta.

Primjer temeljen na Gboard tipkovnici:

Imajte na umu da sustav može automatski birati riječi (automatski odabir).

Ova metoda unosa može se omogućiti/onemogućiti putem postavki tipkovnice. Koristeći istu aplikaciju Gboard kao primjer - "Kontinuirani unos":

Zanimljivo je da je tvorac metode pisanja teksta ista osoba koja je svojedobno smislila T9 sustav za unos teksta.

Međutim, gore navedeno je samo jedno značenje riječi "swipe", jer postoji još jedno značenje iz engleskog. povući - povući bez skidanja. Što to znači? To znači da klizanje znači pomicanje prsta po ekranu pametnog telefona. Na primjer, ako trebate otvoriti ploču za brzi pristup ili takozvanu zavjesu, morate prijeći prstom od vrha zaslona prema dolje, odnosno prijeći prstom odozgo prema dolje:

• Prijeđite prstom ulijevo—prijeđite prstom preko zaslona ulijevo.

• Prijeđite prstom udesno—prijeđite prstom preko zaslona udesno.

• Kliznite prema dolje—klizite prstom prema dolje po zaslonu.

• Povucite prema gore - povucite prstom prema gore po ekranu.