Skip to main content
LanguageČeština
Základy5 min čteníříjna 2026

Jak by měl fungovat stav načítání?

Stručná odpověď

Dobrý stav načítání říká lidem, že se něco děje, zhruba jak dlouho to bude trvat a co se objeví. Při velmi krátkém čekání neukazujte nic nebo jen nepatrnou změnu. Na několik sekund použijte kostru nebo spinner poblíž místa, kde se objeví obsah. U dlouhých úkolů ukažte pokrok a nechte lidi pokračovat v práci nebo zrušit.

Core Takeaway

  • Přiřaďte indikátor k čekání: žádný, subtilní, spinner nebo kostra, pak pokračujte
  • Kostry fungují nejlépe, když je známé rozložení nadcházejícího obsahu
  • Ukažte stav načítání, kde se obsah objeví, nejen v rohu
  • Ponechejte tlačítko, které spustilo akci, ve stavu načítání, abyste zabránili dvojitému odeslání
  • Respektujte nastavení omezeného pohybu a udržujte načítání animace v klidu

Stavy načítání existují, aby odpověděly na jednu otázku pro uživatele: děje se něco? Bez odpovědi lidé znovu klepnou, znovu načtou stránku nebo odejdou. Správná odpověď závisí na tom, jak dlouho budou čekat.

Při velmi krátkém čekání, méně než desetina sekundy, většina lidí nezaznamená zpoždění, takže indikátor pouze přidává blikání. Běžnou technikou je před zobrazením spinneru krátce počkat, takže rychlé odezvy ho nikdy neukážou.

Po dobu sekund nebo několika sekund ukažte zpětnou vazbu, kde se objeví výsledek. Základní obrazovka, šedý obrys nadcházejícího rozvržení, funguje dobře pro seznamy, karty a profily, protože ukazuje, co přichází, a snižuje posun rozvržení. Rozmetač funguje na malých plochách, nebo když výsledek nemá předvídatelný tvar.

U dlouhých úkolů, jako je nahrávání, export nebo generování umělé inteligence, ukažte skutečný pokrok, pokud jej dokážete změřit, vysvětlete, co se děje, a nechte lidi zrušit nebo pokračovat v jiné práci. Spiner, který se na minutu otočí bez dalších informací, se cítí jako selhání.

Ovládací prvek, který spustil akci, také potřebuje stav. Tlačítko Odeslat, které se přepne do stavu načítání a nelze jej stisknout dvakrát, zabraňuje duplicitním objednávkám a zprávám. Když načítání skončí, přejděte jasně k úspěchu nebo chybě, spíše než se tiše vracejte k výchozímu nastavení.

Animace zde pomáhá, ale udržujte ji klidnou a krátkou ve smyčce a respektujte nastavení sníženého pohybu. ExodeUI, který vyrábíme, vám umožní navrhnout zavaděč nebo tlačítko s načítáním, úspěšností a chybovými stavy v jednom souboru, mezi kterým přepíná váš kód.

Často kladené otázky

Spinner nebo skeleton screen: co je lepší?

Kostry jsou lepší, když znáte tvar přicházejícího obsahu, jako je seznam nebo karta. Spinery jsou lepší pro malé oblasti nebo neznámý obsah.

Za jak dlouho se zobrazí indikátor načítání?

Mnoho týmů čeká několik set milisekund, aby rychlé reakce nikdy neblikaly. Vyzkoušejte své skutečné doby odezvy.

Měla by načítání animace zacyklit navždy?

Pouze pokud úloha skutečně běží. Pokud to trvá mnohem déle, než se očekává, ukažte zprávu, postup nebo způsob zrušení.

Jak zobrazím načítání v tlačítku?

Nahraďte štítek nebo jej doplňte malým indikátorem, ponechte stejnou velikost tlačítka, aby rozložení neskákalo, a zablokujte opakovaná stisknutí, dokud požadavek neskončí.

Související návody a příklady

Vyzkoušejte tlačítko se skutečnými stavy načítání

Otevřete interaktivní příklady se stavy načítání, úspěšnosti a chyb, vytvořené jako skutečné soubory ExodeUI, které můžete upravovat.

Otevřete příklady
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →