Lekce 15 - Úprava vzhledu tlačítek a hlavičky Android aplikace
V minulé lekci, Vlastní Dialog v Android - Zobrazování vytvořených dialogů, jsme dokončili práci na projektu naší ukázkové aplikace s vlastním dialogovým oknem, které jsme si také vyzkoušeli zobrazit ve všech jeho variantách.
V dnešním Android tutoriálu si stručně ukážeme, jak nastylovat některé komponenty naší aplikace. Využijeme grafiky ITnetwork a upravíme podle ní vzhled tlačítek. Vytvoříme také hlavičku aplikace s logem ITnetwork. Výsledný styl poté využijeme v další ukázkové aplikaci k dialogovým oknům.
Tlačítka
Ukažme si nejprve, jakého vzhledu tlačítek budeme chtít dosáhnout:
Soubor colors.xml
Otevřeme si XML soubor colors.xml
s konstantami
barev a doplníme jej o barvy ITnetwork:
<color name="itn_blue">#00386b</color> <color name="itn_orange">#ef6534</color> <color name="itn_black">#414042</color> <color name="itn_green">#70b73a</color> <color name="itn_gray">#c6c6c6</color> <color name="itn_gray_text">#929292</color> <color name="itn_blue_pressed">#117CDD</color> <color name="itn_green_pressed">#53872C</color> <color name="itn_white_pressed">#77BDBDBD</color>
Soubor
res/values/dimens.xml
Dále vytvoříme nový soubor s rozměrovými konstantami, kde nastavíme
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu upravíme vzhled tlačítek aplikace a vytvoříme vlastní hlavičku s logem ITnetwork. Grafický styl využijeme v dalším projektu s dialogovými okny.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.