Tilbage

Sådan tilpasser du ikonerne i din menu


Hej og velkommen til dit GoodBarber-backoffice.

I dag skal vi lære, hvordan du ændrer ikonerne i din navigationstilstand.

Hvis du endnu ikke har valgt din navigationstilstand, kan du gå ind og se den dedikerede video, som jeg har lagt i infobjælken.

Dagens vejledning er til dig, der har valgt navigationstilstandene Swipe, Little Swipe, TabBar eller Grid.

I disse navigationstilstande er sektionerne i din app repræsenteret af ikoner, som du kan tilpasse.

Jeg vil vise dig hvordan.

Gå til menuen Min app > Design > Navigation.

Gå ind i den navigationstilstand, du har valgt. Swipe for mig.

I swipe er ikonerne ikke obligatoriske, men du kan aktivere dem her.

Menuindstillinger. Det er det hele, du skal bare aktivere indstillingen.

Nu går jeg tilbage til menuen Layout.

For at ændre ikonet for en sektion skal jeg bare klikke på sektionen og derefter på Rediger ikonet.

Nu har jeg to muligheder.

Enten vælger jeg blandt de 150 ikoner, som GoodBarber har foreslået.

Eller også uploader jeg et brugerdefineret ikon.

For at gøre det går jeg til menuen Custom Icons.

Hvis du vælger ikonindstillingen, skal du uploade et hvidt billede på en gennemsigtig baggrund, fordi du kan anvende farverne i dit tema på dette ikon.

I mit tilfælde vælger jeg fra GoodBarbers ikonbibliotek.

Det er perfekt.

Jeg ændrer hurtigt ikonerne for de andre sektioner.

Og sådan er det!

For at ændre farven på ikonerne går jeg til menuen Indstillinger. Ikonfarve, og det er det.

Sidste mulighed.

Du kan sætte en sektion frem i din menu og dermed give dens ikon en anden farve.

For at gøre det skal du i menuen Layout vælge det afsnit, du vil fremhæve, og aktivere indstillingen "Fremhæv dette link".

Nu har jeg en masse nye muligheder.

Jeg skal bare vælge farverne på mit ikon.

Så er det gjort!

Her er det endelige resultat!

Nu ved du, hvordan du tilpasser dine navigationsikoner!

Vi ses snart til en ny tutorial ;)


Relaterede videoer