Naprostá většina moderních mobilní zařízení mít Dotyková obrazovka, pomocí kterého můžete gadget ovládat. Tito. Místo mačkání mechanických tlačítek uživatel ovládá svůj smartphone nebo tablet gesty a dotyky na obrazovce. Pro začínajícího uživatele operačního systému Android, který provozuje velké množství dotykových mobilních zařízení, bude tento způsob interakce s jeho gadgetem zpočátku neobvyklý. Zvládnutí gest však nastává téměř okamžitě a v budoucnu nezpůsobuje žádné potíže.

K čemu se používají gesta ovládání androidu smartphone/tablet Klepněte nebo klepněte

Touch má druhé jméno - klepněte. Toto je nejběžnější akce používaná při dotykovém ovládání. Klepnutím můžete povolit libovolné funkce, spouštět programy, vybírat položky nabídky, aktivovat parametr atd. Dotyk je jako klikání myší na počítači. Pokud ve vztahu k počítači říkají „klikněte myší“, pak v Androidu můžete slyšet „klepnutí nebo poklepání“.

Provedení této akce, jak jste uhodli, je velmi jednoduché. Musíte se konečkem prstu dotknout správného místa na obrazovce. Chcete-li například spustit aplikaci, stačí klepnout na její ikonu. Pokud potřebujete zadat text, stačí se dotknout ve vstupním poli. Zobrazí se, kde můžete psát text dotykem znaků.

Poklepejte na nebo dvojí poklepání

Zde je opět analogie s dvojitým kliknutím myši na počítači. Je pravda, že na rozdíl od počítače, kde dvojité kliknutí spustí program, v zařízeních Android se dvojité klepnutí používá k povolení a zakázání poskytovaných funkcí v programech a změně měřítka. Chcete-li například přiblížit webovou stránku při jejím prohlížení v prohlížeči, rychle dvakrát klepněte na obrazovku. Chcete-li se vrátit na předchozí stupnici, musíte znovu dvakrát klepnout.

Klepněte a podržte nebo dlouze klepněte

Dotyk a podržení nebo dlouhé klepnutí je jakousi obdobou klepnutí pravým tlačítkem myši, kdy tato akce slouží k vyvolání kontextové nabídky s výběrem možností. Dlouhé klepnutí také otevírá další akce v případech, kdy je poskytuje aplikace nebo samotný operační systém Android.

Chcete-li provést dotyk a podržení, musíte se dotknout obrazovky na požadovaném místě a chvíli podržet prst. V důsledku toho se zobrazí nabídka s výběrem akcí poskytovaných aplikací nebo operačním systémem.

Přejeďte, švihněte nebo přejeďte

Překlápění nebo přejíždění se používá k otáčení stránek, procházení ploch na obrazovce, pohybu v seznamech, nabídkách atd. Přejetí může být horizontální nebo vertikální. Provádění otáčení stránek, když to vyžaduje program nebo operační systém systém Android, pak se musíte dotknout obrazovky prstem a bez jeho uvolnění s ním pohybovat požadovaným směrem, který umožňují okolnosti (zleva doprava, zprava doleva, zdola nahoru, shora dolů nebo diagonálně ).

Dotkněte se pomocí Move

Dotyk a pohyb v OS Android je analogický s tažením objektu myší při stisknutém levém tlačítku. Stejně jako v počítačích operační systémy, v dotykových zařízeních s mobilním OS umožňuje přetahování přesouvat objekty (složky, soubory, ikony atd.) z jednoho místa na druhé.

Chcete-li provést tuto akci, dotkněte se požadovaného předmětu na obrazovce a neuvolňujte prst. Když je objekt zvýrazněn, můžete jej přetáhnout na požadované místo.

Stažení/roztažení nebo přiblížení

Můžete také slyšet název této akce jako pinch. Opravdu to připomíná sevření prstu, protože... Chcete-li to provést, musíte se dotknout obrazovky gadgetu dvěma prsty a bez jejich uvolnění je přiblížit nebo oddělit. V důsledku těchto akcí se změní měřítko obrazu na obrazovce, pokud to aplikace poskytuje.

Všechna gesta v Androidu jsou intuitivní a nejsou složitá. Po malém tréninku budete sebevědomě ovládat svůj smartphone nebo tablet, aniž byste o svých akcích vůbec přemýšleli.

Termín gesto je způsob, jak kombinovat pohyby prstů na obrazovce a spustit nějakou akci; V tomto případě se místo pouhého dotyku nebo kliknutí používá pohyb prstu. K zajištění toho, že gesta jsou registrována a jsou naprosto správná, je zapotřebí úplný dotyk nebo myš – funkce zachycování pohybu. Dnes dobrá podpora Tato funkce je dostupná pouze v prohlížečích Safari a Android.

Pokud uživatel potřebuje ve vaší webové aplikaci používat gesta, je důležité ho naučit správné činnosti – pomocí nápovědy, animovaných příkladů nebo jiného typu nápovědy (obrázek 8.5).

Rýže. 8.5. Google Fast Flip je nový prohlížeč, který používá gesta na iPhone a Zařízení Android. Vlevo uvidíte varovný dialog s pokyny, jak jej používat. Návod uvidíte pouze jednou.

Gesto přejetí

Gesto přejetí prstem (také známé jako flip) je technologie pro dotykové prohlížeče, která se obvykle používá k přesouvání obsahu tam a zpět. Toto gesto se používá například v mnoha fotogaleriích ke změně obrázku zobrazeného na obrazovce a v prezentacích k listování mezi snímky. Podstatou gesta je jednoduchý pohyb prstu po ose X zleva doprava (horizontální swipe) nebo po ose Y shora dolů (vertikální swipe). Gesto swipe je podporováno téměř v každém dotykovém zařízení, protože se provádí jedním prstem.

Neexistuje žádná speciální standardní událost pro zachycení akce přejetí prstem, takže ji napodobíme pomocí stávajících standardních událostí

Na zařízeních Symbian 5. generace, pokud místo kurzoru použijete prst, způsobí události myši dolů, přesunout a nahoru poněkud zvláštní výsledky. Událost je generována pouze jednou během akce přetažení prstu a událost se vůbec nespustí, pokud se prst přesune z počátečních souřadnic stisknutých myší. K detekci přejetí v některých situacích jsou proto potřeba různé přístupy.

Sekvenční řazení:

Zachyťte událost (nebo onouchstart na iPhone a dalších kompatibilních prohlížečích) a začněte zaznamenávat gesto.

Zachyťte (nebo přesuňte na iPhone a prohlížečích s nezbytnou podporou) a pokračujte v nahrávání gesta, pokud se pohyb X (nebo Y) objeví v určitém prahu. Zruší gesto, pokud k pohybu dojde podél jiné osy.

Zachyťte onmouseup (nebo ontouchend v iPhone a prohlížečích s potřebnou podporou) a pokud v tuto chvíli gesto probíhalo (bylo aktivní) a rozdíl mezi zdrojovými a cílovými souřadnicemi je větší než určitá konstanta, definujte swipe jedním směrem .

Poslední bod lze nahradit kontrolou gesta za chodu v události onmousemove.

Pokud ve své práci používáte jQuery, můžete jej použít k detekci gesta horizontálního přejetí na zařízeních iPhone bezplatný plugin odtud http://plugins.jquery.com/project/swipe.

Pomocí následujícího kódu můžeme vytvořit objektově orientovanou knihovnu pro detekci swipe (kompatibilní s iPhone, Android a dalšími zařízeními):

/** Vytvoří obsluhu události gesta swipe */ function MobiSwipe(id) ( // Konstanty this.HORIZONTAL = 1; this.VERTICAL = 2; this.AXIS_THRESHOLD = 30; // Uživatel toto nedefinuje dokonalou čáru. GESTURE_DELTA = 60; // Minimální delta na ose pro spuštění gesta // Veřejní členové this.direction = this.HORIZONTAL; this.element = document.getElementById(id); this.onswiperight = null; this.onswipeleft = null ; this.onswipeup = null; this.onswipedown = null; this.inGesture = false; // Soukromí členové this._originalX = 0 this._originalY = 0 var _this = this; // Na tento prvek lze kliknout na prvek iPhone. onclick = function() (void(0)); var mousedown = function(event) ( // Stisk prstu event.preventDefault(); _this.inGesture = true; _this._originalX = (event.touches) ? event.touches. pageX: event.pageX; _this._originalY = (event.touches) ? event.touches.pageY: event.pageY; // Pouze pro iPhone, pokud (event.touches && event.touches.length!=1) ( _this.inGesture = false; // Zrušení gesta při vícenásobném dotyku )); var mousemove = function(event) ( // Pohyb prstem event.preventDefault(); var delta = 0; // Získání souřadnic pomocí iPhone nebo standardní techniky var currentX = (event.touches) ? event.touches.pageX: event.pageX ; var currentY = (event.touches) ? event.touches.pageY: event.pageY; // Zkontrolujte, zda je uživatel stále v souladu s osou if (_this.inGesture) ( if ((_this.direction==_this. HORIZONTAL)) ( delta = Math.abs(currentY-_this._originalY); ) else ( delta = Math.abs(currentX-_this._originalX); ) if (delta >_this.AXIS_THRESHOLD) ( // Zrušte gesto, uživatel se pohybuje na druhé ose _this.inGesture = false; ) ) // Zkontrolujte, zda to můžeme považovat za přejetí prstem if (_this.inGesture) ( if (_this.direction==_this.HORIZONTAL) ( delta = Math.abs( currentX-_this._originalX); if (currentX>_this._originalX) ( direction = 0; ) else ( direction = 1; ) ) else ( delta = Math.abs(currentY-_this._originalY); if (currentY>_this. _originalY) ( direction = 2; ) else ( direction = 3; ) ) if (delta >= _this.GESTURE_DELTA) ( // Detekováno gesto! var handler = null; switch(direction) ( case 0: handler = _this.onswiperight; break; case 1: handler = _this.onswipeleft; break; case 2: handler = _this.onswipedown; break; case 3: handler = _this.onswipeup; break; ) if (handler!=null) ( // Volání zpětného volání pomocí volitelného handleru delta(delta); ) _this.inGesture = false; ))); // Události iPhone a Android this.element.addEventListener("touchstart", mousedown, false); this.element.addEventListener("touchmove", mousemove, false); this.element.addEventListener("touchcancel", function( ) ( _this.inGesture = false; ), false); // Měli bychom také přiřadit naše funkce mousedown a mousemove // ​​standardním událostem na kompatibilních zařízeních )

Zde je jednoduchý příklad použití naší knihovny swipe.js s jednou s detekcí horizontálního přejetí a druhou s vertikální detekcí:

Window Detekce gesta přejetím prstem.onload = function() ( var swipev = new MobiSwipe("vertical"); swipev.direction = swipev.VERTICAL; swipev.onswipedown = function() ( alert("down"); ); swipev.onswipeup = function() ( alert("up"); var swipeh = new MobiSwipe("horizontální"); swipeh.direction = swipeh.HORIZONTAL; swipeh.onswiperight = function() ( alert("right"); ); swipeh. onswipeleft = function() ( alert("left"); ) Svislé přejetí Vodorovné přejetí

Mnoho dotykových zařízení používá gesto přetažení k posouvání obsahu stránky a nepodporují preventDefault (o zabránění výchozímu chování jsme hovořili dříve v této kapitole). Proto musíme kromě gesta swipe zvážit i další dostupné způsoby navigace.

Gesta přiblížení a otočení

Když iPhone poprvé vyšel, nejlepšími funkcemi, které měl, byly gesta přiblížení a otáčení. Pomocí gesta sevření (pohybem dvou prstů dovnitř a ven) mohl uživatel přiblížit nebo oddálit obsah – obvykle obrázek – na stránce a otáčením dvou prstů v kruhu lze obrázek otočit.

V zařízeních, která nepodporují multi-touch, musí být funkce zoomu implementovány pomocí běžných plovoucích tlačítek a posuvníků.

Naštěstí počínaje iOS 2.0 lze tato gesta detekovat, aniž byste se uchýlili k nízkoúrovňové matematice v dotykových událostech. Tabulka 8.35 uvádí tři rozšíření WebKit, která jsou dostupná jako události. V Android prohlížeč byla také přidána podpora pro tyto akce.

Stejné události se používají pro změnu měřítka a rotaci. Všechny tři obdrží parametr GestureEvent. Tento parametr má typické vlastnosti události, stejně jako další vlastnosti měřítko a rotace.

Vlastnost scale definuje vzdálenost mezi dvěma prsty jako násobitel s plovoucí desetinnou čárkou počátku vzdálenosti, kde gesto začalo. Pokud je hodnota větší než 1,0, jedná se o otevřenou špetku (zvýšení), a pokud je hodnota 1,0, jedná se o uzavřenou špetku (snížení).

rotace udává hodnotu (ve stupních) rotace delta (vzdálenost) od počátečního bodu. Pokud uživatel otočí objekt ve směru hodinových ručiček, dostaneme kladnou hodnotu, a pokud proti směru hodinových ručiček, bude hodnota záporná.

Vím, co si myslíte: "Otáčení a přibližování jsou skvělé, ale k čemu jsou, když pracujeme s HTML?" Tady se dostáváme Nápověda CSS rozšíření pro Safari na iOS (a další prohlížeče s příslušnou podporou) s jednou vlastností a dvěma funkcemi pro ovládání její hodnoty: otáčení a měřítko.

Funkce rotace bere parametr ve stupních a my potřebujeme definovat jednotku stupně za číslem (například rotovat (90 stupňů)). To zjistíme ze skriptu pomocí element.style.webkitTransform.

Podívejme se na jednoduchý příklad:

Funkce správy gest gesto(event) ( // Hodnoty zaokrouhlujeme na dvě desetinná místa event.target.innerHTML = "Rotation: " + Math.round(event.rotation*100)/100 + " Scale: " + Math.round (event .scale*100)/100; // Transformační funkce aplikujeme na prvek event.target.style.webkitTransform = "rotate(" + event.rotation%360 + "deg)" + " scale(" + událost .scale + ")"; )

Jak příklad funguje, můžete vidět na obrázku 8-6. Na kompatibilních zařízeních můžete k otáčení a přibližování použít dva prsty (spolu s veškerým obsahem). Ale v čem je problém? Styl transformace se vždy použije na původní prvek. Pokud tedy na prvek použijeme stupnici 2,0 a poté ji znovu zvýšíme o 0,5, nová hodnota bude 0,5, nikoli 1,0, jak by se dalo očekávat.

Rýže. 8.6. Kombinací dotykových událostí s transformacemi CSS můžete otáčet a škálovat prvky na svém webu.

Pro typické chování přiblížení a otočení bychom měli funkci nahradit následujícím:

var rotace = 0; var scale = 1; function geste(event) ( event.target.innerHTML = "Rotation: " + 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 + ")"; ) function gestureend(event) ( rotace = event.rotation+rotation; scale = event.scale*scale; )

Všechny níže uvedené funkce jsou testovány na Androidu 9.0 Pie. V jiných verzích operačního systému nebo shellů třetích stran mohou některá gesta fungovat jinak nebo nemusí fungovat vůbec.

1. Potáhněte dvakrát dolů od okraje obrazovky – úplné rozšíření panelu nastavení

Standardním přejetím dolů z horní části obrazovky se zobrazí pouze oznámení. Chcete-li vytáhnout celý horní panel, abyste získali přístup rychlé nastavení systému, musíte provést další přejetí. Tato dvě gesta ale můžete nahradit jedním – úplně stejným, ale prováděným dvěma prsty. Tímto dvojitým přejetím vytáhnete celý panel.

2. Dlouhé stisknutí upozornění - rychlý přístup k nastavení programu

Pokud některý z programů začne neustále odesílat upozornění, existuje silná touha snížit jejich počet nebo jej jednoduše vypnout. Chcete-li to provést, musíte aplikaci otevřít a ponořit se do ní při hledání požadovaná nastavení. Stačí ale klepnout na oznámení a podržet prst na několik sekund – zobrazí se tlačítko pro rychlý přístup na požadovaná nastavení.

3. Vodorovné přejetí podél adresní řádek- obracející karty v Chrome

Pro přepínání mezi Karty Chrome, musíte nejprve kliknout na číslo s počtem záložek a poté vybrat požadovanou. Ale existuje alternativní způsob, pomocí kterého je pohodlné přepínat na sousední záložky. Jediné, co musíte udělat, je přejet prstem po adresním řádku doprava nebo doleva.

4. Dlouze stiskněte tlačítko vypnutí – přejděte na bezpečný režim

Pokud se zařízení začne zpomalovat a nepomůže ani restart, je vhodné vyzkoušet jeho provoz v nouzovém režimu. V tomto stavu není zařízení ovlivněno programy třetích stran, takže problémy, které způsobují, se snáze opravují. Chcete-li vstoupit do nouzového režimu, podržte vypínač, dokud se na displeji nezobrazí tlačítko Vypnout. Poté na něm podržte dotyk – po vteřině uvidíte návrh na přepnutí do nouzového režimu.

5. Stiskněte a dlouze stiskněte ve Fotkách Google – pohodlná správa fotografií

Gesta výrazně zjednodušují používání smartphonu. Můžete například rychle změnit formát zobrazení obrázku pomocí špetky, aniž byste museli přejít do doplňkové nabídky. Stačí stisknout a roztáhnout dva prsty nad seznamem fotografií a aplikace přepne zobrazení: normální, podle dne, podle měsíce, podle roku.

Navíc můžete rychle vybrat více obrázků. Chcete-li to provést, podržte dotyk na jednom z požadovaných obrázků a aniž byste zvedli prst z obrazovky, přesuňte jej na ostatní.

6. Dvojí poklepání na mapě a vertikálním přejetím – změna měřítka v Google Maps

Přibližování mapy pomocí tradičního gesta sevření není na cestách příliš pohodlné, když držíte smartphone jednou rukou. Vývojáři vzali tuto nuanci v úvahu a přidali alternativní metodu. Chcete-li změnit velikost mapy jedním prstem, rychle na ni dvakrát klepněte a bez zvednutí prstu přejeďte nahoru nebo dolů. Měřítko se změní.

7. Třikrát klepněte a přejeďte – přibližte rozhraní a obrázky

Pokud se chcete rychle podívat na malý fragment fotografie nebo si přečíst drobné písmo na webu, kde standardní zoomování nefunguje, můžete použít skryté gesto. Chcete-li to provést, musíte třikrát klepnout na obrazovku a bez zvednutí prstu přejet různými směry. Tato metoda však bude fungovat, pokud nejprve aktivujete možnost „Gesta pro přiblížení“ v části „Přístupnost“ v nastavení smartphonu.

8. Vodorovné tažení po mezerníku – ovládání kurzoru na klávesnici Google

Když se do napsaného textu vloudí překlep, musíte dát prst na správné místo mezi malá písmena, abyste to opravili. To není, mírně řečeno, příliš jednoduché. Naštěstí můžete kurzor ovládat mnohem pohodlněji. Jednoduše přejeďte prstem po mezerníku a kurzor se bude pohybovat po textu.

Možná znáte další ne zcela samozřejmá gesta? Podělte se v komentářích!

Není žádným tajemstvím, že podržení tlačítka Domů nebo přejetím z něj na domovské obrazovce nahoru způsobuje Služba Android personalizované návrhy Chytrých karet Google. Ne každému to však může být užitečné. A ti, kteří oceňují snahu Googlu sloužit uživateli nejčastěji, už mají Google Now k dispozici na obrazovce zcela vlevo díky čistý Android nebo Google Start launcher. Ve skutečnosti to činí velmi pohodlnou funkci zbytečnou. Ale jako vždy přichází na pomoc vývojáři třetích stran a jejich aplikace Swipeup Utility!

Zkušení uživatelé si samozřejmě okamžitě všimnou, že takové aplikace v Google Play pravděpodobně více než tucet. Nástroj Swipe Up Utility však může mít ve skutečnosti několik výhod.

Za prvé, nezapomínejme, že Android již dávno opustil verzi 2.0 a již nenutí uživatele plakat krvavé slzy. Naopak, s příchodem Lollipop a rozšířením kánonů mezi vývojáře se mobilní OS Google stal skutečným útočištěm pro estéty rozhraní. Swipeup Utility, přestože je jeho rozhraní v podstatě navrženo pro jednorázové nastavení aplikace, je navrženo zcela v duchu doby. Nemá samozřejmě plovoucí tlačítko ani zatahovací závěs s fascinující animací šipek, ale ty jsou zde k ničemu. Má ale pěknou ikonku a ikony pro navrhované funkce.

Když už jsme u funkcí. Swipeup Utility se chlubí nejen volbou, která aplikace se po přejetí nahoru (nebo podržením tlačítka spustí), ale nabízí i několik systémových alternativ. Některé z nich jsou zdarma, jiné vyžadují zakoupení placené verze aplikace. 51,74 rublů je však docela přijatelná cena. Zejména jednou z nejzajímavějších možností nastavení je vyvolání oznamovací opony. Myslím, že toto řešení může zachránit mnoho smartphonů před velkolepou obrazovkou s pavučinou prasklin.

Aplikace bude mimo jiné ukázněně počítat, kolikrát vás zachránila před voláním do Google Now. Kdo ví, jaká statistika se může v životě hodit.

Aplikace: Swipeup Utility Vývojář: Adrian Campos Kategorie: Nástroje Verze: 1.9.3 Cena: Stažení zdarma:

Řekněme, že se stanete majitelem zcela nového smartphonu. Čeká vás vzrušující „cesta“ sekcemi menu, ve kterých najdete spoustu zajímavostí. Kromě toho se uživatelé zajímají i o pojmy, které nějak souvisí s dotykovými zařízeními. Co je například swipe? Ne každý to ví, ale mezitím se s tím setkávají téměř denně, ne-li každou hodinu.

Swype (z anglického swipe - swipe without lifting + type - type text) je ochranná známka používaná společností Swype Inc. k označení způsobu zadávání textu způsobem, při kterém budete mít prst na klávesnici. Předpokládá se, že v tomto případě je uživatel schopen psát více slov za stejnou dobu ve srovnání s klávesnicí, která nepoužívá zadanou metodu zadávání textu.

Příklad založený na klávesnici Gboard:

Upozorňujeme, že systém je schopen automaticky vybírat slova (automatický výběr).

Tuto metodu zadávání lze povolit/zakázat prostřednictvím nastavení klávesnice. Použití stejné aplikace Gboard jako příklad – „Nepřetržitý vstup“:

Zajímavé je, že tvůrcem metody psaní textu je stejná osoba, která kdysi přišla se systémem zadávání textu T9.

Výše uvedené je však pouze jedním významem slova „swipe“, protože existuje ještě jeden z angličtiny. swipe – přejet bez sundání. Co to znamená? To znamená, že přejetí znamená pohyb prstu po obrazovce smartphonu. Pokud například potřebujete otevřít panel rychlého přístupu nebo takzvaný závěs, musíte přejet z horní části obrazovky dolů, to znamená přejet prstem shora dolů:

• Přejetí doleva – přejeďte prstem po obrazovce doleva.

• Přejetí doprava – posuňte prst po obrazovce doprava.

• Přejetí dolů – posuňte prst po obrazovce dolů.

• Přejetí nahoru – posuňte prst po obrazovce nahoru.