Skip to main content
LanguageMagyar
Alapok5 perc olvasás2026. október

Hogyan működjön a betöltési állapot?

Rövid válasz

A jó töltési állapot azt mondja az embereknek, hogy valami történik, nagyjából mennyi ideig tart és mi fog megjelenni. Nagyon rövid várakozás esetén ne mutasson semmit vagy finom változást. Néhány másodpercig használjon csontvázat vagy forgót a tartalom megjelenési helyének közelében. Hosszú feladatok esetén mutassa meg az előrehaladást, és hagyja, hogy az emberek folytassák a munkát, vagy mondják le.

Core Takeaway

  • Párosítsa a jelzőt a várakozással: nincs, finom, forgó vagy csontváz, majd haladjon tovább
  • A csontvázak akkor működnek a legjobban, ha ismert a következő tartalom elrendezése
  • Mutassa meg a betöltési állapotot, ahol a tartalom megjelenik, nem csak egy sarokban
  • Tartsa a műveletet elindító gombot betöltési állapotban a dupla beküldés elkerülése érdekében
  • Tartsa tiszteletben a csökkentett mozgású beállításokat, és nyugodtan töltse be az animációt

A betöltési állapotok a felhasználó egyetlen kérdésére válaszolnak: történik valami? Válasz nélkül az emberek ismét megérintik, újratöltik az oldalt vagy kilépnek. A helyes válasz attól függ, mennyi ideig várnak.

Nagyon rövid, körülbelül tizedmásodperc alatti várakozás esetén a legtöbb ember nem észlel késést, így a jelző csak villogást ad. Elterjedt technika az, hogy rövid ideig várnak, mielőtt felmutatják a pörgettyűt, így a gyors válaszok soha nem jelenítenek meg egyet.

Egy másodpercig vagy néhány másodpercig várjon visszajelzést, ahol az eredmény megjelenik. A vázképernyő, a következő elrendezés szürke körvonala jól működik listákhoz, kártyákhoz és profilokhoz, mert megmutatja, mi jön, és csökkenti az elrendezés eltolódását. A spinner kis területeken működik, vagy ha az eredménynek nincs kiszámítható alakja.

A hosszú feladatok, például a feltöltés, az exportálás vagy a mesterséges intelligencia generálása esetén mutasson valós előrehaladást, ha mérni tudja, elmagyarázza, mi történik, és hagyja, hogy az emberek lemondjanak vagy folytassanak más munkát. Egy percig forog más információ nélkül, kudarcnak érzi magát.

A cselekvést elindító vezérlőnek is szüksége van egy állapotra. A betöltési állapotba kapcsoló küldés gomb, amely kétszer nem nyomható meg, megakadályozza a többszörös rendeléseket és üzeneteket. Amikor a betöltés véget ér, haladjon egyértelműen a sikerhez vagy a hibához, ahelyett, hogy csendben visszatérne az alapértelmezetthez.

Az animáció itt segít, de tartsa nyugodtan és röviden, és tartsa tiszteletben a csökkentett mozgás beállítását. Az általunk gyártott ExodeUI segítségével betöltőt vagy gombot tervezhet betöltési, siker- és hibaállapotokkal egy fájlban, amelyek között a kódja vált.

Gyakran ismételt kérdések

Spinner vagy csontváz képernyő: melyik a jobb?

A csontvázak jobbak, ha ismerjük a következő tartalom, például egy lista vagy egy kártya alakját. A spinnerek jobbak kis területekhez vagy ismeretlen tartalomhoz.

Mennyi idő múlva jelenik meg a töltésjelző?

Sok csapat vár néhány száz milliszekundumot, hogy a gyors válaszok soha ne villanjanak fel. Tesztelje valódi válaszidejét.

Egy betöltő animációnak örökre kell-e futnia?

Csak amíg a feladat valóban fut. Ha a vártnál sokkal tovább tart, mutasson üzenetet, előrehaladást vagy a törlés módját.

Hogyan jeleníthetem meg a betöltést egy gombban?

Cserélje ki vagy kísérje el a címkét egy kis jelzővel, tartsa a gomb méretét változatlan, hogy az elrendezés ne ugorjon, és blokkolja az ismételt megnyomásokat a kérés végéig.

Kapcsolódó útmutatók és példák

Próbáljon ki egy valódi betöltési állapotú gombot

Nyisson meg interaktív példákat betöltési, siker- és hibaállapotokkal, valódi ExodeUI-fájlokként, amelyeket szerkeszthet.

Nyissa meg a példákat
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 →