Posuvník - Scrollbar
Posuvník je interakce technikou nebo widget, ve kterém kontinuální text, obrázky nebo jakýkoli jiný obsah lze posouvat v předem určeném směru (nahoru, dolů, doleva nebo doprava) na displeji počítače , okno nebo výřez tak, aby všechny obsah lze zobrazit, i když na obrazovce zařízení lze najednou vidět pouze zlomek obsahu. Nabízí řešení problému navigace na známé nebo neznámé místo v dvourozměrném informačním prostoru. V prvních grafických uživatelských rozhraních to bylo také známé jako popisovač . Jsou přítomny v široké škále elektronických zařízení, včetně počítačů, grafických kalkulaček, mobilních telefonů a přenosných přehrávačů médií. Uživatel interaguje s prvky posuvníku pomocí některé metody přímé akce, posuvník tuto akci převede na rolovací příkazy a uživatel obdrží zpětnou vazbu prostřednictvím vizuální aktualizace prvků posuvníku a posouvaného obsahu.
Přestože se návrhy posuvného pruhu v celé své historii liší, obvykle se na jedné nebo dvou stranách zobrazované oblasti zobrazují jako dlouhé obdélníkové oblasti obsahující lištu (nebo palec), kterou lze táhnout podél koryta (nebo stopy) a přesunout tak tělo dokumentu. To může být umístěno svisle, vodorovně nebo obojí v okně podle toho, jakým směrem se obsah rozšiřuje za jeho hranice. Pro přesnější úpravy jsou často na obou koncích palce nebo žlabu zahrnuty dvě šipky. „Palec“ má v různých prostředích různá jména: v systému Mac OS X 10.4 se mu říká „scroller“; na platformě Java se tomu říká „palec“ nebo „knoflík“; Dokumentace k .NET společnosti Microsoft ji označuje jako „rolovací rámeček“ nebo „rolovací palec“; v jiných prostředích se tomu říká „výtah“, „kvint“, „puk“, „stěrač“ nebo „uchopení“; v určitých prostředích, kde prohlížeče používají k terminologii posuvného pruhu agnostický jazyk, je palec označován jako „hrach“ pro svislý pohyb lišty a stále používá „puk“ pro vodorovný pohyb.
Přídavné funkce lze nalézt, například zvětšení / zmenšení nebo různé aplikace -specifické nástroje. V závislosti na grafickém uživatelském rozhraní může být velikost palce pevná nebo proměnlivá. v pozdějším případě proporcionálních palců by jeho délka indikovala velikost okna ve vztahu k velikosti celého dokumentu, označeného celou stopou. Zatímco proporcionální palce byly k dispozici v několika grafických uživatelských rozhraních, včetně GEM , AmigaOS a PC / GEOS , ani v polovině 80. let je Microsoft neimplementoval až do Windows 95 . Proporcionální palec, který zcela vyplní koryto, znamená, že je zobrazen celý dokument, a v tom okamžiku se může posuvník dočasně skrýt. Proporcionální palec lze také někdy upravit přetažením jeho konců, například v Sony Vegas , nelineárním softwarovém balíčku pro úpravy videa . V tomto případě by to upravilo pozici i zvětšení dokumentu, kde velikost palce představuje použitý stupeň zvětšení.
Posuvník by měl být odlišen od posuvníku, který je dalším vizuálně podobným, ale funkčně odlišným objektem. Posuvník se používá ke změně hodnot, ale nemění zobrazení ani neposouvá oblast, která se zobrazuje jako posuvník.
Historie a postup
V roce 1974 se pohybem kurzoru na levý okraj při používání Bravo změnil jeho tvar na dvouhlavou šipku, což umožnilo rolování. Stisknutím levého nebo horního červeného tlačítka se obsah posunul nahoru a řádek vedle kurzoru se dostal do horní části okna. Stisknutím pravého nebo dolního modrého tlačítka se obsah posunul dolů a řádek v horní části okna se dostal dolů na kurzor. Podržení prostředního žlutého tlačítka změnilo kurzor na palec, což umožnilo přeskočit na toto procento dokumentu s indikátorem aktuálního umístění.
V roce 1977 zahrnoval Smalltalk stabilní posuvník na levé straně okna ostření. Kliknutím na pravou polovinu posuvníku přesunuli obsah nahoru a levá polovina přesunula obsah dolů. Střední palec pruhu mohl být plynule tažen a ukazoval procento viditelného obsahu; první proporcionální posuvník.
V roce 1980 měl Interlisp posuvník, který se objevil na levé straně okna, když se kurzor pohyboval směrem doleva. Stínovaný palec pruhu ukazoval procento viditelného obsahu a byl ovládán prostředním tlačítkem. Levé tlačítko rolovalo nahoru a přesouvá vybranou pozici k hornímu okraji okna a pravé tlačítko rolovalo dolů, aby přesouvalo horní okraj okna do vybrané polohy.
V letech 1981 až 1982 Xerox Star posunul posuvník doprava, aby jej odstranil z cesty a omezil vizuální nepořádek. Šipky posouvání směřovaly dovnitř ve směru, kterým by se obsah pohyboval na základě studií uživatelů, a tlačítka + a - umožňující posouvání podle stránek. Palec byl diamant pevné velikosti, nezávisle na tom, kolik dokumentu je viditelné. Kliknutím do oblasti zvedáku palce přejdete na tuto část dokumentu.
V roce 1983 měla Apple Lisa šipky směřující nahoru a dolů, tlačítka stránky a palec pevné velikosti.
V roce 1984 měl Macintosh světle šedý obdélník s palcem „rolovacího rámečku“, stopou „šedé oblasti“ a šipkami směřujícími v opačných směrech směrem k obsahu, který by byl vystaven při stisknutí příslušné šipky. Šipky by posunuly jednu jednotku na jedno kliknutí nebo automatické opakování při nepřetržitém stisknutí. Tlačítka stránky byla odstraněna a místo toho bylo možné kliknout na dráhu výtahu a přesunout se do další části. Když stisknete palec, jeho přetažením jej přivedete do konkrétního bodu, pokud před uvolněním nedojde k pohybu daleko od posuvníku, což akci přeruší. Prázdný posuvník se zobrazil, když okno nebylo zaostřeno nebo pokud byl v okně viditelný celý dokument.
V roce 1985 GEM použil proporcionálně velký palec „rolovacího boxu“, ale jinak fungoval stejně jako Macintosh. Čistým výsledkem byl moderní posuvník, který vypadal a necítil se nijak odlišuje od posuvníku v dnešním Windows. GEM po kliknutí a podržení umožnil přesunutí myši daleko od posuvníku, aby se snížily problémy s koordinací rukou a očí. AmigaOS následoval později v tomto roce, také s rolovacími boxy proporcionálně velkými.
Také v roce 1985 používal Viewpoint pravé tlačítko k přesunu obsahu o procenta nebo o okno, spíše než o stránku.
V roce 1988 vytvořil Open Look palec výtahu se šipkami přímo na něm. Kliknutí na stopu přesunutou stránkami a automatické opakování by posunulo ukazatel podél. Kabelové kotvy byly umístěny na začátek a konec dokumentu a střed výtahu bylo možné přetáhnout.
V roce 1989 přesunul NeXT posuvník zpět na levou stranu okna. Palec byl proporcionálně velký a šipky byly ve spodní části lišty. Akce se automaticky opakují a klávesa Alt přesune obsah podle okna. Palec by mohl být tažen a použití klávesy alt při tažení by zpomalilo jeho pohyb.
V roce 1997 zahrnoval PalmPilot konvenční posuvník, kde se text prodlužoval přes hranice obrazovky pomocí přetahovatelného palce a šipek, na které lze klepnout stylusem. Měla také dvě fyzická tlačítka pro posouvání nahoru a posouvání dolů.
V roce 2001 Mac OS X 10.0 použil proporcionální palec a přesunul obě tlačítka se šipkami do spodní části lišty.
V roce 2007 obsahovaly iPhone a iOS běžný posuvník ve webovém prohlížeči a dalších aplikacích, i když byl pouze pro výstup a nebylo možné s ním komunikovat. V kontaktech byl k dispozici posuvník písmen, který procházel obsahem.
V roce 2011 Mac OS X 10.7 odstranil tlačítka z konce lišty a byl navržen tak, aby vypadal spíše jako posuvník iOS. Se stejným vydáním systému Mac OS X 10.7 společnost Apple představila „přirozené posouvání“, což znamená, že se obrazovka pohybuje stejným směrem, jakým se pohybují prsty uživatele, když používají gesto posouvání dvěma prsty. Pokud se prsty uživatele posunou nahoru po trackpadu, zvýší se obsah na stránce, což uživateli umožní číst obsah dále po stránce a naopak.
Ve verzi aplikace Microsoft Word pro Mac pro rok 2015 byly zavedeny mizející posuvníky. Umístění v dokumentu již nebylo viditelné, když byla myš mimo oblast pruhu, i když bylo dotyčné okno zaostřeno. Účelem této změny bylo vyhovět standardním návrhovým postupům Mac pro skrytí posuvníku, pokud to není bezprostředně nutné pro hierarchické informace.
Používání
Tažení palce
Tahání za palec je historicky tradiční způsob manipulace s posuvníkem. Přesunutím kurzoru na palec na obrazovce a následným stisknutím a podržením lze palec přetáhnout. To se často provádí pomocí trackpadu nebo levého tlačítka na běžné myši nebo touchpadu. Posunutím kurzoru při současném stisknutí dolů posunete palec posuvníku tak, aby se zobrazily různé části stránky. V aplikacích nativních pro OS X 10.11 (a některé předchozí verze OS X) se posuvníky nezobrazí na uživatelském rozhraní, dokud uživatel nepoužije jinou techniku posouvání, například posouvání dvěma prsty nebo pomocí kláves se šipkami. Proto musí uživatel nejprve posunout pomocí jedné z těchto metod a poté přesunout kurzor na palec, ať se objeví kdekoli.
V systému Microsoft Windows posunutím myši příliš daleko od palce při přetahování obnovíte rolovací pozici na předchozí.
Rolovací kolečko
Rovněž lze použít rolovací kolečko na běžné myši. Pohybem kolečka v požadovaném směru se obsah posune stejným směrem. Většina myší obsahuje rolovací kolečka, která rolovat pouze nahoru a dolů, ale některé myši obsahují rolovací kolečka, která umožňují uživateli rolovat v libovolném směru (nahoru, dolů, vlevo nebo vpravo), včetně diagonálních směrů. Při posouvání nahoru a dolů se může lišit směr, kterým se stránka posouvá v reakci na směr, kterým uživatel posouvá rolovací kolečko, v závislosti na nastavení posouvání počítače.
Šipky
Kliknutím na tlačítka se šipkami na klávesnici můžete na stránce rolovat nahoru, dolů, doleva nebo doprava. Tato technika posouvání má obvykle za následek posouvání obrazovky velmi pomalu ve srovnání s ostatními technikami posouvání. Kliknutím na tlačítka se šipkami by stránka mohla pokračovat v posouvání, dokud nebylo dosaženo jednoho z limitů posouvání.
Klepání na koryto
Na koryto nad nebo pod palcem lze kliknout, abyste mohli okamžitě přejít do daného bodu na stránce nebo stránku po stránce pro vícestránkový obsah. Po kliknutí na koryto se automaticky spustí posouvání a poté se zastaví, jakmile palec dosáhne polohy ukazatele myši. Tato technika posouvání je rychlejší než ostatní a je nejlepší ji použít, když uživatel musí procházet velkým množstvím obsahu najednou nebo když uživatel ví, kde přesně na stránce se musí posouvat.
Tlačítka se šipkami na obrazovce
Mnoho aplikací, například Microsoft Word a PowerPoint , obsahuje pro účely posouvání posuvníky se směrovými šipkami na obrazovce. Kliknutím na šipky se posouvá malé množství obsahu, často po jednotlivých řádcích, a jejich stisknutím a podržením kurzorem se neustále posouváte přes více oblasti na stránce, dokud se neuvolní. Někdy se obě tlačítka se šipkami objevují vedle sebe pro rychlou a přesnou manipulaci, aniž byste museli přetahovat palec nebo přesouvat velké vzdálenosti myši na druhou šipku (toto bylo nabízeno jako volba v systému Mac OS 8.5 ); jeden z nich může být také duplikován, aby se zobrazil na obou koncích lišty, což poskytuje známost pro ty, které se používají pro oddělená i sousední tlačítka. Tato tlačítka se šipkami existovala až do Mac OS X 10.7, kde byla zrušena ve prospěch gest trackpadu a myší s rolovacím kolečkem.
V systému BeOS se posuvná tlačítka na obrazovce pro oba směry zobrazují na obou koncích posuvníku. V několika programech Microsoft Office jsou další tlačítka ⏪ a ⏩ lze je použít pro navigaci na stránce.
Různá tlačítka myši
Další technikou posouvání pomocí posuvníků je podívat se, které tlačítko myši bylo stisknuto. Například levé kliknutí na šipku dolů může způsobit, že se okno posune dolů, zatímco pravé kliknutí na stejném místě posune nahoru (např. RISC OS ), nebo prostřední tlačítko lze použít k přesnému umístění palce. Tato forma vyžaduje méně jemné motorické dovednosti , i když vyžaduje myš s více tlačítky a možná vyšší stupeň gramotnosti GUI.
Windows touchpad
Některé počítače se systémem Windows mají navíc na straně touchpadu rolovací mechanismus, jak je znázorněno na obrázku. Chcete-li použít tento mechanismus, umístíte prst na oblast posouvání a pohybujete se nahoru a dolů nebo doleva a doprava, abyste se mohli posouvat po stránce. Opět platí, že v závislosti na nastavení posouvání počítače může pohyb prstu v určitých směrech podél těchto oblastí posouvání způsobit různé odpovídající směry posouvání.
Mac trackpad
Modernější technika posouvání používá posouvání dvěma prsty na trackpadu Mac. V této technice jsou hroty dvou prstů ze stejné ruky umístěny na povrch trackpadu a odpovídajícím způsobem se pohybují. Pokud má uživatel směr posouvání trackpadu nastavený na „přirozený“, posunutí jejich dvou prstů směrem k horní části trackpadu způsobí, že se stránka posune nahoru k horní části stránky; naopak pohyb prstů směrem ke spodní části trackpadu způsobí, že se stránka posune dolů směrem dolů. Pokud uživatel „švihne“ prsty rychlým pohybem dvou prstů po trackpadu a následným uvolněním prstů, stránka se bude i nadále posouvat ve směru, ve kterém švihlo, dokud nakonec nezpomalí a nezastaví se, buď kvůli jednomu z je dosaženo mezí posouvání nebo proto, že rychlost posouvání se natolik zpomalí, že se nakonec jednoduše zastaví. Tato funkce se nazývá setrvačnost.
Alternativní vzory
Bylo navrženo nebo implementováno mnoho variant tradičního designu posuvného pruhu a jeho použití. Aby se zabránilo omezení viditelnosti okna posuvnými lištami a zároveň byla zachována funkčnost, bylo navrženo použití softwarového tetheru (tenká čára) spojeného s pohybem ukazatele myši kolem tetheru. Podobně lze posuvník přímo umístit do obsahu, kde je to užitečné, a to jak zmenšením použitého prostoru, tak snížením požadovaných pohybů ukazatele.
Zahrnutí vizuálních a provozních vodítek do oblasti zobrazení posuvného pruhu může indikovat, které směry umožňují pohyb rolování a jaké interakce s posuvným pruhem jsou k dispozici. Může to být prázdné pole, které signalizuje konec seznamu, deaktivuje rolovací tlačítka a změny barev v posuvníku.
Některé posuvníky obsahují vizuální indikátor polohy, který pomáhá určit, kam se akce posouvání v obsahu dostala nebo přejde. U vícestránkového obsahu lze vedle posouvání zahrnout indikátor aktuálního čísla stránky v porovnání s celkovým počtem stránek a širší posuvníky mohou obsahovat přehled celé stránky. V posuvných lištách, jako jsou ty, které se používají v telefonních seznamech kontaktů složených z písmen abecedy, lze písmeno odpovídající aktuální oblasti zobrazit větší nebo nějakým způsobem zvýraznit. I když jsou stabilní a poskytované aplikací, některé aplikace a vyhledávače umožňují použití značek relevance poskytnutých nebo přidaných uživatelem. Mohou být přísně vizuální nebo mohou automaticky zastavit akci v posuvníku, jakmile je dosaženo každé značky. Ty mohou být zvýrazněny barvou nebo dokonce zvukem, což uživateli dále pomůže najít v obsahu to, co potřebuje.
Současné 2D posouvání
Speciální posuvné lišty jako grafické ovládací prvky umožňují posouvání kolem dvourozměrného prostoru jednoduchým pohybem jednoho obdélníku v libovolném směru v rovině. Například GtkScrollpane od GTK + je implementován v textových prohlížečích gv a ghostview .
Dalším příkladem simultánního dvourozměrného posouvání je srovnávací program pro proteinové sekvence. Zpočátku vodorovná posuvná lišta vypadá jako konvenční. Posuvník však nabízí tři další funkce:
- Poskytuje přehled o celé scéně.
- Výšku lze zvětšit.
- Knoflík lze nejen pohybovat doleva a doprava, ale také nahoru a dolů pro svislé posouvání.
V operačním systému RISC přetahování posuvníku levým tlačítkem myši funguje obvyklým způsobem, ale přetahování pravým tlačítkem způsobí zmizení ukazatele a manipulaci s oběma posuvníky současně. Mnoho operací grafického uživatelského rozhraní v operačním systému RISC provádí po kliknutí pravým tlačítkem související, ale mírně odlišnou funkci.
Přizpůsobení
Schopnost a konkrétní metody potřebné k přizpůsobení vzhledu a funkce posuvníků se mohou výrazně lišit podle toho, jaký operační systém nebo softwarovou aplikaci se pokoušíte přizpůsobit. Běžnou metodou změny vzhledu posuvníku na webových stránkách je použití směrnic CSS ke změně barev posuvníku. Jsou nestandardní a podporují je pouze aplikace Microsoft Internet Explorer verze 5.x nebo vyšší a Opera . A v prohlížečích založených na WebKit existují pseudo-prvky zvané:
::-webkit-scrollbar::-webkit-scrollbar-button::-webkit-scrollbar-track::-webkit-scrollbar-track-piece::-webkit-scrollbar-thumb::-webkit-scrollbar-corner- a
::-webkit-resizer
WebKit také poskytuje mnoho pseudotříd k úpravě stylu posuvných lišt.
Posuvníky byly také vylepšeny, aby zakódovaly informace o položkách seznamu. Například Google Chrome zavádí do svislého posuvníku pruhy, které označují místa v dokumentu, kde byl nalezen konkrétní hledaný výraz.
Omezení a problémy
Počítačově gramotní uživatelé jsou často obeznámeni s posuvnými pruhy, ale ti s omezenými znalostmi jim nemusí intuitivně rozumět, zejména vzhledem k novějším variantám, bez pomoci. Bez ohledu na gramotnost lze najít různé problémy napříč různými typy posuvníků a jejich interakcemi. Pokud jde o design, je-li velikost okna již malá, bude viditelná oblast obsahu dále snížena přítomností posuvníku. Zatímco některé novější mizející posuvníky pomáhají tento problém zmírnit, tradičnější se mu nevyhnou, zvláště když jsou přítomny vodorovné i svislé pruhy.
Pokud jde o použití, mnoho běžných problémů souvisí s přesností. Mapování mezi posuvníkem a displejem je lineární, takže přesnost použití je relativní k velikosti obsahu. Navigace přes menší dokument je pak jednodušší než navigace přes větší dokument. To také znamená, že všechny části dokumentu jsou zdůrazněny stejně a důležitost každé části není rozpoznána pomocí posuvníku.
Často není indikace, kam v obsahu dosáhl posouvání, pokud není akce posouvání zastavena, aby se obsah zobrazil. To ztěžuje bez ohledu na to, zda uživatel ví, co hledá, nebo ne, zda obecná organizace obsahu. Ti, kteří indikátor mají, jsou omezeni předem stanoveným nastavením viditelnosti, množství a stylu. Pokud se pokoušíte posouvat během provádění akce, jako je zvýraznění, nemusí velikost posouvání odpovídat požadované hodnotě, překročení nebo výzva k opakovanému přemístění uživatele. K překročení může dojít také při pokusu o umístění blízko horní nebo dolní části jedné stránky v rámci větší sady. Pokus o malé nastavení posouvání uživatelem může mít za následek větší, protože posouváním se aktivuje automatická akce, která přeskočí na další stránku.
Studie
Zpráva Williama Buxtona a Brada Myerse z roku 1986 testovala různé obouruční interakce, včetně posouvání, klikání a změny velikosti. Ve své studii byly klikání a změna velikosti prováděny paralelně. Jejich první experiment vyzval účastníky, aby provedli úkol výběru / umístění, a jejich druhý experiment požadoval, aby účastníci provedli úkol složené navigace / výběru. Studie zjistila, že uživatelé mohou tyto úkoly provádět rychleji a paralelně, když používají obě ruce, ale ne nutně, když používají obě ruce současně. Zjistili také, že čím více souvisejících úkolů uživatel prováděl s každou rukou, tím rychleji prováděli úkoly, o které byli požádáni.
