---
title: "Valikon kuvakkeiden mukauttaminen | Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin taustatoimistoosi.\r \r  \r \r Tänään opettelemme, miten voit vaihtaa navigointitilan kuvakkeita.Kerrotaan, miten voit vaihtaa navigointitilan kuvakkeita.Kerrotaan, mi…"
canonical_url: "https://fi.goodbarber.com/tutorials/design/valikon-kuvakkeiden-mukauttaminen/"
lang: fi
---

# Valikon kuvakkeiden mukauttaminen | Oppaat - GoodBarber

[Takaisin](https://fi.goodbarber.com/tutorials/)

# Valikon kuvakkeiden mukauttaminen

Hei ja tervetuloa GoodBarberin taustatoimistoosi.

Tänään opettelemme, miten voit vaihtaa navigointitilan kuvakkeita.

Kerrotaan, miten voit vaihtaa navigointitilan kuvakkeita.Kerrotaan, miten voit vaihtaa navigointitilan kuvakkeita.

Jos et ole vielä valinnut navigointitilaa, voit käydä katsomassa infopalkkiin laittamani oman videon.

Kaikkea ei ole vielä valittu.

Today's opetusohjelma on sinulle, jos olet’valinnut Swipe-, Little Swipe-, TabBar- tai Grid-navigointitilan.

Näissä navigointitiloissa sovelluksesi osiot esitetään kuvakkeilla, joita voit mukauttaa.

Minä näytän sinulle, miten.

Mene Oma sovellus > Suunnittelu > Navigointivalikkoon.

Syötä valitsemasi navigointitila. Pyyhkäise minua.

Pyyhkäisyssä kuvakkeet eivät ole pakollisia, mutta voit aktivoida ne tässä.

Valikon asetukset. Siinä'kaikki, aktivoi vain vaihtoehto.

Nyt palaan takaisin Asettelu-valikkoon.

Muuttaakseni osioiden kuvaketta minun täytyy vain klikata osiota ja sitten Muokkaa kuvaketta.

Nyt minulla on kaksi mahdollisuutta.

Joko valitsen GoodBarberin ehdottamista 150 kuvakkeesta.

Joko valitsen GoodBarberin ehdottamista 150 kuvakkeesta.

Joko lataan mukautetun kuvakkeen.

Tai lataan oman kuvakkeen.

Tehdäkseni sen menen Mukautetut kuvakkeet -valikkoon.

Jos valitset kuvakevaihtoehdon, sinun on ladattava valkoinen kuva läpinäkyvällä taustalla, koska voit soveltaa teemasi värejä tähän kuvakkeeseen.

Tässä tapauksessa valitsen GoodBarberin kuvakekirjastosta.

Tämä on täydellinen.

Muutan muiden osioiden kuvakkeet nopeasti.

Ja siinä se on!

Muuttamaan kuvakkeiden väriä menen Asetukset-valikkoon. Kuvakkeiden väri. ja se'on siinä.

Viimeinen vaihtoehto.

Voit laittaa osiota eteenpäin valikossasi ja siten soveltaa eri väriä sen kuvakkeeseen.

Tehdäksesi tämän valitse Asettelu-valikosta osio, jonka haluat korostaa, ja aktivoi vaihtoehto "Feature this link".

.

Nyt minulla on paljon uusia vaihtoehtoja.

Minun täytyy vain valita kuvakkeeni värit.

Minun täytyy vain valita kuvakkeeni värit.

Se on valmis !

Tässä on lopputulos !

Nyt tiedät, miten voit muokata navigointikuvakkeita !

Näemme pian uudessa opetusohjelmassa ;)

## Samanlaisia videoita

[SuunnitteluMiten otsikko asetetaan](/tutorials/design/miten-otsikko-asetetaan/)

![Miten otsikko asetetaan](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[SuunnitteluSovelluksen globaalin tyylin määrittäminen](/tutorials/design/sovelluksen-globaalin-tyylin-maarittaminen/)

![Sovelluksen globaalin tyylin määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[SuunnitteluSovelluksen aloitusnäytön mukauttaminen](/tutorials/design/sovelluksen-aloitusnayton-mukauttaminen/)

![Sovelluksen aloitusnäytön mukauttaminen](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[SuunnitteluSovelluksen navigointitilan määrittäminen](/tutorials/design/sovelluksen-navigointitilan-maarittaminen/)

![Sovelluksen navigointitilan määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[SuunnitteluKuinka suunnitella osiot](/tutorials/design/kuinka-suunnitella-osiot/)

![Kuinka suunnitella osiot](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[SuunnitteluKuinka kopioida osion muotoilu](/tutorials/design/kuinka-kopioida-osion-muotoilu/)

![Kuinka kopioida osion muotoilu](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[SuunnitteluKotisivun määrittäminen](/tutorials/design/kotisivun-maarittaminen/)

![Kotisivun määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[SuunnitteluMiten valita otsikon koko ?](/tutorials/design/miten-valita-otsikon-koko/)

![Miten valita otsikon koko ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[SuunnitteluSovelluksen taustan mukauttaminen](/tutorials/design/sovelluksen-taustan-mukauttaminen/)

![Sovelluksen taustan mukauttaminen](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)