Splashscreen
Opsæt det, brugerne ser, mens appen starter op — vælg mellem ikon med spinner, en Lottie-animation eller et fullscreen-billede
Splashscreen
Gå til Splashscreen i starti.app ManagerHvad er en splashscreen?
Splashscreenen er det, brugerne ser i det korte øjeblik, mens din app starter op og henter indhold. På denne side bestemmer du, hvordan den ser ud.
Dine ændringer gemmes automatisk, efterhånden som du laver dem. Du kan følge gemme-status i topbaren i starti.app Manager.
Ændringer af din splashscreen kræver, at starti.app udgiver en ny version af din app, før dine brugere kan se dem. Dine ændringer bliver gemt med det samme, men den opdaterede app udgives af starti.app bagefter.
Sådan starter appen (forhåndsvisning)
Øverst på siden er der en forhåndsvisning kaldet Sådan starter appen. Tryk på afspil, eller træk i tidslinjen, for at se hele opstarten, som brugeren oplever den — bygget af dine egne farver og billeder. Brug den til at tjekke, at det hele ser rigtigt ud, mens du laver ændringer.
Vælg splash-type
Under Splash-type vælger du, hvad der vises, mens appen henter websiden. Der er tre typer, og de udelukker hinanden — kun den valgte type bygges ind i appen.
Ikon + spinner
Den klassiske. Ikonet løfter sig, og en spinner kommer til syne under det. Du kan vælge spinner-farven, så den passer til din apps design.
Ikon + Lottie
En Lottie-animation afløser ikonet og kører, mens der ventes. Upload din animation (en Lottie .json-fil), hvis du ønsker en mere levende opstart.
Fullscreen billede
Dit eget billede dækker hele skærmen, med et langsomt zoom og en fremdriftslinje. Når du vælger denne type, kan du sætte følgende op:
- Fullscreen billede — upload et billede i portræt (PNG eller JPG), mindst 1320 × 2868 px (forhold ca. 9:19,5). Billedet beskæres, så det dækker hele skærmen — hold derfor vigtige motiver væk fra kanterne.
- Langsomt zoom — billedet zoomer ganske langsomt ind, så skærmen aldrig står helt stille.
- Fremdriftslinje — en tynd linje i bunden, der følger appens faktiske opstart. Du kan vælge dens farve.
- Statustekster — korte tekster, der kun vises, hvis opstarten trækker ud (fx "Henter indhold…"). Teksterne oversættes automatisk til de sprog, dit brand er sat op til, og appen vælger ud fra enhedens sprog. Lad felterne stå tomme for slet ikke at vise tekst.
- Tekstens udseende — du kan justere tekstens farve, placering og styrken på baggrunden bag teksten, så den er let at læse oven på billedet.
Viser en type teksten Mangler opsætning, er der noget, der skal udfyldes, før den type kan bruges — fx et manglende billede eller en manglende animation.
Ikon og baggrund
Selv med en Lottie-animation eller et fullscreen-billede viser telefonens eget system altid et ikon på en ensfarvet baggrund i det allerførste øjeblik, før din splashscreen kan tegnes. Under Ikon og baggrund styrer du det:
- Som udgangspunkt bruger splashscreenen dit app-ikon. Læs om, hvordan du tilføjer dit app-ikon her.
- Vil du hellere vise et andet billede, sætter du flueben i Brug separat splashscreen ikon og uploader et billede (PNG eller SVG).
- Ved et fullscreen-billede kan du desuden vælge en baggrundsfarve tæt på billedets kanter, så overgangen fra systemets opstartsskærm bliver blød.