Splashscreen

Gå til Splashscreen i starti.app Manager

Hvad 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.

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.

Alternative animationer

Under Alternative animationer kan du tilføje flere animationer ud over den ovenfor og give hver af dem et navn. Jeres website vælger imellem dem ved navn — udvikleren kalder startiapp.App.setSplashVariant("navn") — så appen kan åbne anderledes for fx en, der er logget ind, end for en førstegangsbesøgende. Med null går appen tilbage til animationen ovenfor.

Et par ting er værd at vide, før du tilføjer en:

• Animationen ovenfor er stadig standarden. Enhver første opstart, og alle dem jeres website ikke har valgt noget for, får den.
• Valget gælder fra næste opstart. Appen har allerede tegnet sin splashscreen, når jeres website kan nå at sige, hvilken det gerne ville have haft — så et nyt valg er det, brugeren ser næste gang, appen åbnes.
• Navnet er ikke en etiket. Det er det, jeres website sender ind, så aftal det med den, der bygger sitet: små bogstaver, tal og bindestreger, og begynd med et bogstav. Omdøber I det senere, skal sitet sende det nye navn.
• Telefonens egen opstartsskærm kommer altid fra standardanimationens første billede. Den tegnes, før appen ved, hvilken variant der skal spille, så en alternativ animation bør begynde på samme baggrund som standarden — ellers ser brugeren et spring.
• En ny animation kræver en ny version af appen. Animationerne bygges ind i appen, så starti.app skal udgive en opdatering, før jeres brugere kan få den at se.

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.

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.

Se også